css中怎么把文字搞到中间

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在 CSS 中把文字居中其实是一个非常简单的事情,我们只需要在对应的元素添加一个属性就可以了!那么这个属性是什么呢?——就是 text-align。 text-align 可以用来设置文本的对齐方式,

在 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 是一个很好用的属性!

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中怎么把文字搞到中间

粉丝

0

关注

0

收藏

0

已有0次打赏