html整体居中⽂字,html⾥⽂字居中代码怎么写?
html⾥⽂字居中代码怎么写?下⾯本篇⽂章给⼤家介绍⼀下。有⼀定的参考价值,有需要的朋友可以参考⼀下,希望对⼤家有所帮助。
⽂字⽔平居中
⽔平居中
.box {
width: 300px;
height: 200px;
background: palegoldenrod;
text-align:center;
}
⽔平居中了--⽂本⽂字
效果图:
说明:text-align
text-align是⼀个基本的属性,它会影响⼀个元素中的⽂本⾏互相间的对齐⽅式。值left、right和center会导致元素中的⽂本分别左对齐、右对齐和居中,想要使⽂本居中,直接使⽤center即可。
该属性设置⽂本和img标签等⼀些内联对象(或与之类似的元素)的居中。
⽂字垂直居中
垂直居中
html怎么让所有内容居中.box {
width: 300px;
height: 300px;
background: paleturquoise;
line-height:300px;
}
垂直居中了--⽂本⽂字
效果图:
line-height 属性设置⾏间的距离(⾏⾼)。不允许使⽤负值。
该属性会影响⾏框的布局。在应⽤到⼀个块级元素时,它定义了该元素中基线之间的最⼩距离⽽不是最⼤距离。推荐教程:html教程
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论