你的位置:首页 > 软件开发 > 网页设计 > css对齐

css对齐

发布时间:2016-10-25 12:00:06
2016-10-25《css入门经典》第15章1.text-align属性:块属性内部的文本对齐方式。该属性只对块盒子有意义,内联盒子的内容没有对齐方式。(注意:只是盒子内部的内容对齐,而不是块盒子本身。) center:内容居中;justify:文本两端对齐;left:内容 ...

css对齐

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

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。