静态内联元素的对齐与vertical-align
2010-11-25 20:03
239 查看
position:static
text-align:left (内容左对齐)
text-align:right (内容右对齐)
text-align:center (内容居中)
text-align:justify (内容两边对齐)
为了把内联元素内容的某一行进行居中,可以吧line-height设置成一个大于内容高度的值。它之所以起作用,是因为浏览器会把每行都居中的,当你的内容多于一行时候,他就不起作用了。
vertical-align
vertical-align声明在很多中文文档中解释是“决定元素在垂直位置的显示”,它有下面几个参数baseline | sub | super | top | text-top | middle | bottom | text-bottom |
baseline:与元素的基线对齐。
middle:与元素中部对齐。
sub:字下沉。
super:字上升。
text-top:文本顶部对齐。
text-bottom:文本底部对齐。
top:和本行位置最高元素对齐。
bottom:和本行位置最低元素对齐。
text-align:left (内容左对齐)
text-align:right (内容右对齐)
text-align:center (内容居中)
text-align:justify (内容两边对齐)
为了把内联元素内容的某一行进行居中,可以吧line-height设置成一个大于内容高度的值。它之所以起作用,是因为浏览器会把每行都居中的,当你的内容多于一行时候,他就不起作用了。
vertical-align
vertical-align声明在很多中文文档中解释是“决定元素在垂直位置的显示”,它有下面几个参数baseline | sub | super | top | text-top | middle | bottom | text-bottom |
baseline:与元素的基线对齐。
middle:与元素中部对齐。
sub:字下沉。
super:字上升。
text-top:文本顶部对齐。
text-bottom:文本底部对齐。
top:和本行位置最高元素对齐。
bottom:和本行位置最低元素对齐。
相关文章推荐
- vertical-align:让表单与文字垂直对齐
- vertical-align表单元素垂直对齐(2)
- line-height 和 vertical-align 行高与行对齐精解 (图文)
- 图片或复选框等元素和文字对齐的方法: vertical-align:-15%;
- vertical-align:sub居然居中对齐了
- vertical-align表单元素垂直对齐(3)
- css中图片于文本的基线对齐与vertical-align属性设置
- 垂直对齐:vertical-align属性——使用中注意事项
- CSS 行高与行对齐精解:line-height 和 vertical-align (图文)
- vertical-align表单元素垂直对齐(4)
- 关于垂直对齐方式vertical-align
- CSS中,display属性、行高属性line-height以及垂直对齐方式vertical-align属性详细探讨
- vertical-align 表单元素垂直对齐的解决方法
- 利用vertical-align:middle实现行内元素的水平垂直居中对齐
- vertical-align 垂直对齐方式
- 垂直对齐vertical-align的一些认识
- 两个inline-block消除间距和对齐(vertical-align)
- vertical-align 属性设置元素的垂直对齐方式。
- 从零开始前端学习[23]:img标签的属性和水平对齐的属性vertical-align
- 垂直对齐:vertical-align属性(转贴)