1、可以使用“textalign”属性让文字水平居中，使用“lingheight”属性让文字垂直居中1新建html文档，在body标签中添加div标签并填写一段文字，然后为这个div设置一些样式2为div添加“textalign”属性，属性值为“center。

2、可以用“textalign”属性和“lineheight”属性1新建html文件，在body标签中添加div标签，在div标签输入文字，这里以“演示文本”为例，给div标签设置宽度高度和背景色属性，属性值分别为200100和灰色，这时“演示文。

3、centerboth display flex justifycontent center alignitems center height 100vh这是水平和垂直居中的文本选择适合你布局和设计需求的方法，然后将对应的CSS样式应用到包含文本的HTML元素中。

4、1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码p border 1px solid #0b93d5 height 30px padding 10px3浏览器运行indexhtml页面，此时每个部分。

5、04 要让文本水平居中，我们可以添加样式textalign center 要让文本垂直居中，我们可以添加样式 verticalalign middle和display tablecell05 添加完这几个样式后，刷新页面可以看到现在的文本已经可水平居。

6、也可以通过把height和lineheight设置为相同值，这样也可以实现垂直居中，不过不符合你的要求，你了解即可另外哥推荐你用sublime写前端代码，灰常不错的一款编辑器，骚年，哥能帮你的就这么多了，剩下自己努力吧。

7、3想要文字居中，可以输入textalign这个文字的对齐样式了，然后在属性中输入center中间的意思，就是将文字在水平位置居中 4如图，这样就是文字在水平位置上的居中了 5还有就是设置文字的垂直居中对齐了，可以根据不同的。

8、CSS网页布局DIV水平居中的各种方法一单行垂直居中 如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度lineheight相等即可如 提供的代码片段 div height25px lineheight。

9、如果垂直居中的元素高度已知，这个比较简单，也不需要额外的辅助元素 参考下列HTML代码lt！DOCTYPE HTML lt！ html， body height 100% margin 0 padding 0 body position relative #div。

10、一行文字垂直居中利用lineheight来设置 多行文字垂直居中利用displaytablecell来设置代码以及效果图片垂直居中使用绝对定位和transform 代码以及效果lt！DOCTYPE html#box width 300pxheight 300pxbackground。

11、三使用br换行让其文字垂直竖排显示 利用html br换行标签实现文字换行，对每个文字后加上换行br标签让其竖列排版示例代码如下超文本标记语言，标准通用标记语言下的一个应用 “超文本”就是指页面内可以包含图片。

12、然后文本将在框架内水平居中，见下图，转到下面的步骤3第三步，执行完上面的操作之后，将“ lineheight”属性添加到div，该属性值为div的高度，然后文本将在框中垂直居中，见下图这样，就解决了这个问题了。

13、占的高度为100PX和那个DIV的高度一样，这样，文字就垂直居中了也就是说，如果你的DIV是200PX高，那你就让lineheight200px文字就会垂直居中了不知道说明白没有不行，你再HI我好了。

14、样式中有个textalign，可以设置为center就可以居中了比如要展示的文字 另外，设置垂直方向的属性，可以使用verticalalign，对应的值有top，middle，bottom等。

15、代码实例如下蚂蚁部落div width200px height50px background#CCC lineheight50px textaligncenter蚂蚁部落softwhycom 上面的代码实现了我们的要求，div中的单行文本可以在div中垂直居中，使用的方式非常。