300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 无论文字有多少行始终居中 – CSS – 前端 css选择器样式

无论文字有多少行始终居中 – CSS – 前端 css选择器样式

时间:2022-03-05 01:10:39

相关推荐

无论文字有多少行始终居中 – CSS – 前端 css选择器样式

可以用“text-align”属性和“line-height”属性。

1、新建html文件,在body标签中添加div标签,在div标签输入文字,这里以“演示文本”为例,给div标签设置宽度、高度和背景色属性,属性值分别为200、100和灰色,这时“演示文本”默认位置为div盒子的左上方。

2、这时给div标签添加上“text-align”属性,属性值为“center”,这时文字将会在div容器中水平居中。

3、这时给div标签添加行高“ling-height”属性,属性值为高度的值“100px”,再添加“vertical-align”属性,属性值为“middle”,这时文字将会水平垂直都居中。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。