用css實作div裡面的文字靠右
- 青灯夜游原創
- 2021-02-22 15:58:4011404瀏覽
在css中，可以透過在div元素中加入「text-align: right;」樣式來讓div裡面的文字靠右。 text-align屬性可以設定元素中的文字的水平對齊方式，當屬性值設定為「right」時可以把文字排列到右邊。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css實作div裡面的文字靠右
//文字右边对齐
div{text-align: right;}text-align 屬性規定元素中的文字的水平對齊方式。
此屬性透過指定行框與哪個點對齊，從而設定區塊級元素內文字的水平對齊方式。透過允許使用者代理程式調整行內容中字母和字之間的間隔，可以支援值 justify；不同使用者代理程式可能會得到不同的結果。
| 值 | 描述 |
|---|---|
| #left | 把文字排列到左邊。預設值：由瀏覽器決定。 |
| right | 把文字排列到右邊。 |
| center | 把文字排列到中間。 |
| justify | 實現兩端對齊文字效果。 |
【推薦教學：CSS影片教學 】
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
width: 500px;
padding: 10px;
background: palegoldenrod;
}
.box{
text-align: right;
}
</style>
</head>
<body>
<div>div中的测试文本--默认</div>
<div class="box">div中的测试文本--右边对齐</div>
</body>
</html>效果圖：
更多程式相關知識，請造訪：程式設計影片！ ！
以上是用css實作div裡面的文字靠右的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn