HTML网页代码中如何设置文字水平垂直居中的代码

在代码中会遇到大量的文字位置处理,根据不同的框架将文字居中对齐

操作方法

  • 01

    如图,我们创建一个盒子,然后中间输入文字信息

  • 02

    当我们对盒子添加了边框颜色后,浏览器效果如图所示,文字在左侧第一行位置

  • 03

    想要文字居中,可以输入text-align 这个文字的对齐样式了,然后在属性中输入 center中间的意思,就是将文字在水平位置居中

  • 04

    如图,这样就是文字在水平位置上的居中了

  • 05

    还有就是设置文字的垂直居中对齐了,可以根据不同的需要调整margin或者line值,这里使用的是行高将其设置为垂直居中,如图,行高的属性是line-height,后面的属性值设置和父级的盒状标签高度相同,这样就可以做到文字垂直方向上居中了

  • 06

    如图,最后的效果就是这样的了。

(0)

相关推荐

  • 在Word文档中怎么设置文字下标?

    在Word文档中怎么设置文字下标? 步骤 1.打开word文档,输入一段文字. 2.选择部分文字,点击开始中找到字体的红色选框,点击. 3.调出字体对话框,或者右键-字体调出. 4.找到下标,划上钩, ...

  • 在word文档中如何设置文字环绕图片效果

    在word文档编辑文章时,有时需要在文章上插入图片,文字环绕着图片,如图中的效果.是如何做到的呢,详细操作请往下看. 效果如下: 步骤 1.打开word文档,要在文档中插入一张图片. 2.光标在插入图 ...

  • 在word文档中怎么设置文字前面的黑点?

    word的一些文字上面,有时候,你会看到一些黑点,作为标示,这个黑点有时候是写作需要,而且在一定得时刻可以起到画龙点睛的作用,那么在word文档中怎么设置文字前面的黑点?下面小编机务诶大家详细介绍一下 ...

  • 在word文档中怎么设置文字段落间距?

    word文件是我们学习,办公,工作等最需要的编辑软件,学校,企业,单位等都会用到,有时还是会遇到很多不懂的哦,可以在这里学习得到,每个方法简单实用.设置文字段落间距很简单,步骤如下. 步骤 1.首先, ...

  • 在word文档中怎么设置文字阴影?

    word文件是我们学习,办公,工作等最需要的编辑软件,学校,企业,单位等都会用到,可以在这里学习得到,每个方法简单实用.设置文字阴影很简单,步骤如下. 步骤 首先,在文字中鼠标选择文字, 然后鼠标右键 ...

  • 在Word文档中怎么设置文字下标呢?

    Word文字下标该如何设置?该怎么做呢?下面小编就为大家详细介绍一下,不会的朋友可以参考本文,希望能对大家有所帮助. 步骤 1.打开word文档,输入一段文字. 2.选择部分文字,点击开始中找到字体的 ...

  • Photoshop PS中如何设置文字间的字符间距

    Photoshop不但可以修图,还可以进行文字编辑.今天就跟大家介绍一下PS中如何设置文字间的字符间距的具体操作步骤.1. 打开电脑之后,双击"PS"图标打开软件.2. 选择顶部的 ...

  • 在PR软件中怎么设置文字的倾斜度

    今天给大家介绍一下在PR软件中怎么设置文字的倾斜度的具体操作步骤.1. 首先打开电脑上的PR软件,进入主页面后,选择新建项目.2. 选择新建序列,或者将背景素材导入3. 在页面左上角依次点击文件--- ...

  • excel中如何设置文字方向

    在做表格时,经常会用到文字的各种排版样式,横向的,竖向的,倒立的等等,下面小编教大家excel中如何设置文字方向. 操作方法 01 选中单元格右键设置单元格格式,在下边设置逆时针旋转90度,点击&qu ...