16.段落排版--对齐

最新推荐文章于 2021-04-28 05:54:12 发布

weixin_33858485

最新推荐文章于 2021-04-28 05:54:12 发布

阅读量94

点赞数

原文链接：http://www.cnblogs.com/binhuguang/p/4281923.html

版权

想为块状元素中的文本、图片设置居中样式吗？可以使用text-align样式代码，如下代码可实现文本居中显示。(那么什么是块状元素呢？在后面的11-1、11-2小节中会讲到。)

h1{
    text-align:center;
}

<h1>了不起的盖茨比</h1>

同样可以设置居左：

h1{
    text-align:left;
}
<h1>了不起的盖茨比</h1>

还可以设置居右：

h1{
    text-align:right;
}
<h1>了不起的盖茨比</h1>

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>对齐</title>
 6 <style type="text/css">
 7 div{text-align:center;}
 8 </style>
 9 </head>
10 <body>
11 <div><img src="http://img.mukewang.com/52b4113500018cf102000200.jpg" ></div>
12 </body>
13 </html>