css里img图片vertical-align属性
2017-12-29 14:16
501 查看
img图片属性
vertical-align用来设置垂直对齐方式,所有垂直对齐的元素都会影响行高
值: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <length> | <percentage> | inherit
初始值: baseline
应用于: 行内元素、替换元素、表单元格
继承性: 无
百分数: 相对于元素的行高line-height
[注意]IE7-浏览器中vertical-align的百分比值不支持小数行高,且取baseline、middle、text-bottom等值时与标准浏览器在展示效果不一样,常用的解决办法是将行内元素设置display:inline-block
vertical-align用来设置垂直对齐方式,所有垂直对齐的元素都会影响行高
值: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <length> | <percentage> | inherit
初始值: baseline
应用于: 行内元素、替换元素、表单元格
继承性: 无
百分数: 相对于元素的行高line-height
[注意]IE7-浏览器中vertical-align的百分比值不支持小数行高,且取baseline、middle、text-bottom等值时与标准浏览器在展示效果不一样,常用的解决办法是将行内元素设置display:inline-block
vertical-align:baseline(元素的基线与父元素的基线对齐) vertical-align:sub(降低元素的基线到父元素合适的下标位置) vertical-align:super(升高元素的基线到父元素合适的上标位置) vertical-align:bottom(把对齐的子元素的底端与行框底端对齐) vertical-align:text-bottom(把元素的底端与父元素内容区域的底端对齐) vertical-align:top(把对齐的子元素的顶端与行框顶端对齐) vertical-align:text-top(把元素的顶端与父元素内容区域的顶端对齐) vertical-align:middle(元素的中垂点与父元素的基线加1/2父元素中字母X的高度对齐) vertical-align:(+-n)px(元素相对于基线上下偏移npx) vertical-align:x%(相对于元素的line-height值) vertical-align:inherit(从父元素继承vertical-align属性的值)
相关文章推荐
- css中图片于文本的基线对齐与vertical-align属性设置
- Css设置img属性让图片水平居中,居左,居右
- CSS限定图片宽高在范围内等比缩放(img缺省宽高属性)
- Css设置img属性让图片水平居中/居左/居右的写法
- 从零开始前端学习[23]:img标签的属性和水平对齐的属性vertical-align
- CSS标准:vertical-align属性
- CSS属性Vertical Align使用方法讲解
- CSS属性探秘系列(四):vertical-align
- 解决图片浮动调节不了的问题(使用vertical-align属性)
- css中vertical-align属性的使用
- [HTML]Css设置img属性让图片水平居中,居左,居右
- CSS_img标签usemap属性图片中选择区域加入超链接
- 让 CSS 的 "vertical-align: middle" 属性支持 IE 6/7
- CSS实例:vertical-align属性让网页层居中
- CSS属性:vertical-align:middle,设置为什么无效!
- CSS中,display属性、行高属性line-height以及垂直对齐方式vertical-align属性详细探讨
- Css设置img属性让图片水平居中/居左/居右的写法
- css属性之vertical-align详解
- css 垂直对齐 css中vertical-align属性(垂直对齐)的使用说明
- css小总结:overflow,vertical-align,border-collapse属性.