html 如何让文本垂直居中？让一段文字在整个页面里上下左右都居中_随笔

1、首先我们打开自己的电脑，找到已经安装好的Dreamweaver，新建一个html页面，并保存到桌面上。

2、然后我们在html的编辑窗口，编辑元素，使其中显示若干文字，我是用的div标签进行布局显示的。

3、其在浏览器中的显示效果如下图所示，我们可以很清晰的看到，文字明显的靠上靠左对齐。

4、接下来我们就需要为文字元素添加一定的对齐方式，首先我们让其居中对齐，即使用text-align:center

5、使用之后在浏览器中进行效果查看，可以很清楚的看到，文字相对于之前靠右对齐了。

6、我们可以从上一个图中看到，文字在垂直方向上还是不对齐的，接下来我们就需要为文字添加垂直对齐样式，line-height，我们需要将这一样式的大小设为文字外层元素的高度大小，这样便可正好垂直居中对齐了。

7、接下来我们刷新浏览器中的页面，查看效果，现在的文字已是垂直水平均居中的状态。

注意事项：line-height的值和height的值要相等。

应该这样写：

<body><p

align="center"><Font

face="黑体"

size="7"

color="black"><s>Michael

Buble</s></body>

是换行标签，是段落标签。

和的区别？通俗的讲就是，它们在分行的时候分得行比

分得行距比较大！我们可以看一下：

<html>

<head>

</head>

<title>标记的使用</title>

</head>

<body>

清平调

云想衣裳花想容，

春风拂槛露华浓，

若非群玉山头见，

会向瑶台月下逢，

</body>

</html>

以.html保存用浏览器看就能看出效果了

首先找到这段文字的html标签。例如：我是文字

你就可以跟这段文字加一个class或者id来控制

我是文字

js *** 作

//改变文字

document.getElementById("wordText").innerHTML="My First JavaScript"

</script>

可以用来 *** 作点击，鼠标移入移出。具体你可以去w3school上看

欢迎分享，转载请注明来源：内存溢出

html 如何让文本垂直居中？让一段文字在整个页面里上下左右都居中