如何在HTML頁面的兩側對齊？

Question

這似乎是一個愚蠢的問題，但我需要幫助。 如果我想在屏幕左側對齊一些文本，在屏幕右側對齊一些文本，該怎么辦？

Answer 1

使用CSS的float:left和float:right屬性。

參考這個小提琴

HTML：

<span class="float-l">left</span>
<span class="float-r">right</span>

CSS：

.float-l{
    float : left
}
.float-r{
    float: right
}

Answer 2

有兩種方法。 這是一。 邊框就是這樣，所以更容易看到。

 div { border: 1px solid red; } span { border: 1px solid blue; } .r { dislay: inline-block; float: right; text-align: right; } 

 <div> <span>I'm Left</span> <span class="r">I'm Right</span> </div>