text-align & vertical-align 文本对齐

text-align在文本的章节中讲到过，设置水平对齐方式，童靴们翻翻以前的文章。

vertical-align 设置垂直对齐方式 ，常用属性值top,bottom,middle.

我们给表格文本设置水平居中，顶部对齐：

在浏览器中查看：

padding 内边距

padding是元素内容与边框的距离。

padding 属性值为一个表示上下左右边距一样，两个值为上下和左右边距，四个分别表示上下左右的值。

table tr td {

border:1px solid #ccc;

padding: 20px;

}

给表格的td元素设置内边距15px，为了能够清楚的看到元素的内边距，我们在浏览器中按下F12,在出现的界面中

点击左上角的鼠标图案滑到你的元素上面，绿色区域就是你设置的内边距。

今天内容就这么多了，童靴们练习一下吧。

你必须非常努力，才能看起来毫不费力！

关注小白前端，持续收到文章推送。