我们在实际工作中常会遇到需要设置水平居中场景,今天我们就来看看怎么设置水平居中的。
如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置text-align:center
来实现的。如下代码:
html代码:
<body><div class="txtCenter">我是文本,哈哈,我想要在父容器中水平居中显示。</div></body>
css代码:
<style>div.txtCenter{text-align:center;}</style>
时间:2021-04-21 02:14:06
我们在实际工作中常会遇到需要设置水平居中场景,今天我们就来看看怎么设置水平居中的。
如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置text-align:center
来实现的。如下代码:
html代码:
<body><div class="txtCenter">我是文本,哈哈,我想要在父容器中水平居中显示。</div></body>
css代码:
<style>div.txtCenter{text-align:center;}</style>
高三毕业生的 heartfelt 感悟与寄语:20篇精选100字感言
2024-09-05