how to use css vertical-align attribute
CSS属性vertical-align
指定了display设置为inline或者table-cell(例如td)元素的垂直对齐方式。
因此,如果一个元素display为block(例如div),即使设定vertical-align,并不会使内容垂直对齐。
其初始值为baseline
,语法为:
vertical-align: baseline /* keyword values */
vertical-align: sub
vertical-align: super
vertical-align: text-top
vertical-align: text-bottom
vertical-align: middle
vertical-align: top
vertical-align: bottom
vertical-align: 10em /* <length> values */
vertical-align: 4px
vertical-align: 20% /* <percentage> values */
vertical-align: inherit
top: 50%; margin-top: -(height/2)px
vertical-align: middle
vertical
设置为bottom,则周边文字的底部和图片的底部对齐。