在 CSS 中把文字居中其实是一个非常简单的事情,我们只需要在对应的元素添加一个属性就可以了!那么这个属性是什么呢?——就是 textalign。 textalign 可以用来设置文本的对齐方式,下面...
在 CSS 中把文字居中其实是一个非常简单的事情,我们只需要在对应的元素添加一个属性就可以了!那么这个属性是什么呢?——就是 text-align。 text-align 可以用来设置文本的对齐方式,下面我们来看一下具体的操作方法: 1.居中一个段落 首先,我们需要使用 p 标签将要居中的文字包裹起来。使用下面的代码:
这里是要居中的文字
接下来,我们需要在 CSS 文件中为这个 p 元素添加一个属性。 p{ text-align: center; } 这个属性实际上就是将文本水平居中,我们在 p 标签里添加的所有文本都会被居中。 2.居中多个段落 如果想要居中多个段落的文本,只需要给这些段落都添加相同的 CSS 样式即可。我们可以使用下面的代码: p{ text-align: center; } <p>这里是第一个段落</p>
<p>这里是第二个段落</p>
<p>这里是第三个段落</p> 这个样式将会把这三个 p 元素包含的文本都居中。
除了 text-align,还有一个垂直居中的属性叫做 vertical-align。它可以让内联元素(像图片和表格单元格)的文本垂直居中显示,但不太适用于块级元素(比如 p 标签)。
总之,如果你想让文本居中,text-align 是一个很好用的属性!