在 CSS 中設置文本左浮是指將文本在其容器內向左側浮動。為了實現這一操作,我們需要使用 CSS 的 float 屬性,并將其設置為 left。
p{ float: left; }
上述代碼將會使所有的段落文字向左浮動,即使其與其他元素重合也會一直浮動。為了避免這一問題,可使用 clear 屬性來清除浮動,我們可以為其添加一個類名,然后對該類名進行清除:
.float-left{ float: left; } .clear{ clear: both; }
如果希望只在文本某一側使用浮動,我們可以將其放置在行內元素內,將這些元素的 display 屬性設置為 inline-block 后再使用浮動屬性:
p span{ display: inline-block; float: left; }
最后需要注意的是,設置浮動的元素必須是塊元素。如果需要浮動行內元素,我們需將其轉換為塊元素,例如使用 display:block 或 display:inline-block。