做ppt网站有哪些,网店美工需要掌握哪些软件,设计一个营销方案,浙江企业网站建设文档
https://developer.mozilla.org/zh-CN/docs/Web/CSS/vertical-align
语法
vertical-align: value;可选值#xff1a; sub#xff1a;使元素的基线与父元素的下标基线对齐。 super#xff1a;使元素的基线与父元素的上标基线对齐。 text-top#xff1a;使…文档
https://developer.mozilla.org/zh-CN/docs/Web/CSS/vertical-align
语法
vertical-align: value;可选值 sub使元素的基线与父元素的下标基线对齐。 super使元素的基线与父元素的上标基线对齐。 text-top使元素的顶部与父元素的字体顶部对齐。 text-bottom使元素的底部与父元素的字体底部对齐。 top使元素及其后代元素的顶部与整行的顶部对齐。 bottom使元素及其后代元素的底部与整行的底部对齐。
我们知道化学元素需要按照如下的格式才能正确显示不过会将原有的字体高度撑开
实现效果 实现代码
style
.box {font-size: 20px;line-height: 1;background-color: green;color: #fff;}.mini {font-size: 12px;}.title {font-size: 20px;}.text-bottom {vertical-align: text-bottom;}.text-top {vertical-align: text-top;}.sub {vertical-align: sub;}.super {vertical-align: super;}.top {vertical-align: top;}.bottom {vertical-align: bottom;}
/stylediv classtitle默认/div
div classboxspanH2O2/span
/divdiv classtitletext-bottom、text-top/div
div classboxspanH2O2/spanspanHspan classmini text-bottom2/spanOspan classmini text-top2/span/span
/divdiv classtitlesub、super/div
div classboxspanH2O2/spanspanHspan classmini sub2/spanOspan classmini super2/span/span
/divdiv classtitlebottom、top/div
div classboxspanH2O2/spanspanHspan classmini bottom2/spanOspan classmini top2/span/span
/div
