2016-10-25《css入门经典》第15章1.text-align属性:块属性内部的文本对齐方式。该属性只对块盒子有意义,内联盒子的内容没有对齐方式。(注意:只是盒子内部的内容对齐,而不是块盒子本身。) center:内容居中;justify:文本两端对齐;left:内容 ...
2016-10-25
《css入门经典》第15章
1.text-align属性:
块属性内部的文本对齐方式。该属性只对块盒子有意义,内联盒子的内容没有对齐方式。(注意:只是盒子内部的内容对齐,而不是块盒子本身。)
center:内容居中;
justify:文本两端对齐;
left:内容左对齐;
right:内容右对齐;
inherit:使用包含盒子的text-align的值;
注意:当采用两端对齐的文本,让左边和右边都对齐。浏览器通过在单词和字母之间添加额外的空白实现这种效果。
如果两端对齐段落的最后一行本身太短而不能填充整行,它通常是左对齐。
eg:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>对齐与文本缩进</title> 6 <style type="text/css"> 7 body{ 8 margin:0 auto; 9 width: 700px;10 }11 p{12 border: 1px solid pink;13 padding: 1.5em;14 }15 p#a{text-align: left;}16 p#b{text-align: justify;}17 p#c{text-align: right;}18 p#d{text-align: center;}19 </style>20 </head>21 <body>22 <p id="a">23 吴雨霏,1986年6月9日生于中国香港。香港歌手及演员,组合Cookies成员之一。24 2002年正式出道,16岁以Cookies成员身份在十大中文金曲、叱咤乐坛流行榜颁奖典礼等颁奖礼上获奖[1] 。2004年担任摇滚乐队Ping Pung的主唱[2] 。25 2006年参演《恋爱初歌》。2007年的歌曲《逼得太紧》获专业推介叱咤十大第八位。26 </p>27 <p id="b">28 吴雨霏,1986年6月9日生于中国香港。香港歌手及演员,组合Cookies成员之一。29 2002年正式出道,16岁以Cookies成员身份在十大中文金曲、叱咤乐坛流行榜颁奖典礼等颁奖礼上获奖[1] 。2004年担任摇滚乐队Ping Pung的主唱[2] 。30 2006年参演《恋爱初歌》。2007年的歌曲《逼得太紧》获专业推介叱咤十大第八位。31 </p>32 <p id="c">33 吴雨霏,1986年6月9日生于中国香港。香港歌手及演员,组合Cookies成员之一。34 2002年正式出道,16岁以Cookies成员身份在十大中文金曲、叱咤乐坛流行榜颁奖典礼等颁奖礼上获奖[1] 。2004年担任摇滚乐队Ping Pung的主唱[2] 。35 2006年参演《恋爱初歌》。2007年的歌曲《逼得太紧》获专业推介叱咤十大第八位。36 </p>37 <p id="d">38 吴雨霏,1986年6月9日生于中国香港。香港歌手及演员,组合Cookies成员之一。39 2002年正式出道,16岁以Cookies成员身份在十大中文金曲、叱咤乐坛流行榜颁奖典礼等颁奖礼上获奖[1] 。2004年担任摇滚乐队Ping Pung的主唱[2] 。40 2006年参演《恋爱初歌》。2007年的歌曲《逼得太紧》获专业推介叱咤十大第八位。41 </p>42 </body>43 </html>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:css对齐
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。