htmlCss----Day2(vertical-align)

打卡第二天 加油(ง •_•)ง
vertical-align
- 指定行内元素（inline）或表格单元格（table-cell）元素的
- 行内元素的值

• 相对父元素的值
  这些值使元素相对其父元素垂直对齐：

baseline
/* 使元素的基线与父元素的基线对齐。HTML规范没有详细说明部分可替换元素的基线，如<textarea> ，这意味着这些元素使用此值的表现因浏览器而异。 */
sub /* 使元素的基线与父元素的下标基线对齐。 */
super /* 使元素的基线与父元素的上标基线对齐。 */
text-top /* 使元素的顶部与父元素的字体顶部对齐。 */
text-bottom /* 使元素的底部与父元素的字体底部对齐。 */
middle /* 使元素的中部与父元素的基线加上父元素x-height（译注：x高度）的一半对齐。 */

• 相对行的值
  下列值使元素相对整行垂直对齐

top /* 使元素及其后代元素的顶部与整行的顶部对齐。 */
bottom /* 使元素及其后代元素的底部与整行的底部对齐。 */

• 表格单元格的值

baseline (以及 sub, super, text-top, text-bottom, <length>, <percentage>)
/* 使单元格的基线，与该行中所有以基线对齐的其它单元格的基线对齐。*/
top
/* 使单元格内边距的上边缘与该行顶部对齐。*/
middle
/* 使单元格内边距盒模型在该行内居中对齐。*/
bottom
/* 使单元格内边距的下边缘与该行底部对齐。*/

最后

以上就是简单路人为你收集整理的htmlCss----Day2(vertical-align)的全部内容，希望文章能够帮你解决htmlCss----Day2(vertical-align)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。