CSS 文字兩邊對齊
<!DOCTYPE HTML>html
<html>web
<head>chrome
<title>文本兩端對齊 by 司徒正美</title>ui
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">.net
<style>htm
.box1{get
background:red;it
width:20%;io
}ast
.scatter {
text-align:justify;
text-justify:distribute-all-lines;/*ie6-8*/
text-align-last:justify;/* ie9*/
-moz-text-align-last:justify;/*ff*/
-webkit-text-align-last:justify;/*chrome 20+*/
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
.scatter:after{
content:".";
display: inline-block;
width:100%;
overflow:hidden;
height:0;
}
}
</style>
</head>
<body>
<div class="box1">
<div class="scatter">姓 名</div>
<div class="scatter">姓 名 姓 名</div>
<div class="scatter">姓 名 名</div>
<div class="scatter">所 在 地</div>
<div class="scatter">工 做 單 位</div>
</div>
</body>
</html>
- 1. 文字兩邊對齊
- 2. css 文字兩端對齊
- 3. css文字兩端對齊
- 4. CSS文字兩端對齊
- 5. Word2016英文兩邊對齊
- 6. css 文字樣式兩端對齊
- 7. css實現文字兩端對齊
- 8. 【小技巧】css文字兩端對齊
- 9. css小技巧（文字兩端對齊）
- 10. CSS 實現文字兩端對齊
- 更多相關文章...
- • jQuery Mobile CSS 類 - jQuery Mobile 教程
- • CSS 指南 - 網站建設指南
- • Scala 中文亂碼解決
- • 爲了進字節跳動，我精選了29道Java經典算法題，帶詳細講解
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 文字兩邊對齊
- 2. css 文字兩端對齊
- 3. css文字兩端對齊
- 4. CSS文字兩端對齊
- 5. Word2016英文兩邊對齊
- 6. css 文字樣式兩端對齊
- 7. css實現文字兩端對齊
- 8. 【小技巧】css文字兩端對齊
- 9. css小技巧（文字兩端對齊）
- 10. CSS 實現文字兩端對齊