css如何讓文字兩端對齊
在css中，可以將text-indent屬性設置為justify，實現文字兩端對齊。下面小編舉例講解css如何讓文字兩端對齊。
東西/原料
- html+css
- 代碼編纂器：Dreamweaver CS5
方式/步調
- 1
新建一個html文件，定名為test.html，用于講解css若何讓文字兩頭對齊。
- 2
在test.html文件內，利用div標簽建立一行文字，用于測試。
- 3
在css標簽內，經由過程div元素名稱設置div的樣式，界說div的寬度為500px，布景顏色為黃色，同時將text-align屬性設置為justify。
- 4
以上的樣式設置并不會實現兩頭對齊，還需要界說一個空標簽來輔助實現。在div內，再利用一個i標簽輔助實現兩頭對齊。
- 5
在css標簽內，再設置i標簽的樣式，界說其display屬性，同時設置i標簽的寬度為百分一百。
- 6
在瀏覽器打開test.html文件，查看實現的結果。
END
總結：
- 1
1、利用div標簽建立一行文字。
2、在div內，再界說一個空標簽，例如 ，i標簽。
3、在css中，利用text-align屬性設置為justify，同時設置i標簽的寬度為100%。
END
注重事項
- 除了利用i標簽外，還可以利用span標簽等。
- 發表于 2020-04-19 19:00
- 閱讀 ( 979 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章