码迷,mamicode.com
首页 > 其他好文 > 详细

16.段落排版--对齐

时间:2015-02-09 17:48:57      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

想为块状元素中的文本、图片设置居中样式吗?可以使用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>

 

16.段落排版--对齐

标签:

原文地址:http://www.cnblogs.com/binhuguang/p/4281923.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!