vertical-ailgn属性

2018-08-21  本文已影响0人  雅雅的前端工作学习

/* 关键值 /
vertical-align: baseline; /
默认。元素放置在父元素的基线上/
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;
vertical-align: 4px;

/* 百分比值 */
vertical-align: 20%;

/* 全局值 /
vertical-align: inherit; /
规定应该从父元素继承 vertical-align 属性的值/
vertical-align: initial; /
设置属性的初始值——浏览器的默认定义值*/

vertical-align: unset;
/CSS 关键字 unset 是 关键字 initial 和 inherit的组合。
如果有继承父级样式,则将该属性重新设置为继承的值,如果没有继承父级样式,则将该属性重新设置为初始值。
换句话说这个unset关键字会优先用inherit的样式,其次会应该用initial的样式。
/

image.png
上一篇下一篇

猜你喜欢

热点阅读