在網(wǎng)頁(yè)開(kāi)發(fā)中,經(jīng)常會(huì)用到CSS來(lái)控制頁(yè)面的樣式。其中一個(gè)常見(jiàn)的需求是將文本進(jìn)行強(qiáng)制左對(duì)齊。CSS提供了多種方式來(lái)實(shí)現(xiàn)這個(gè)效果。
text-align: left;
使用text-align屬性將文本強(qiáng)制左對(duì)齊是最常用的方法。只需要將text-align設(shè)置為left即可:
p { text-align: left; }
此時(shí)文本將會(huì)從左側(cè)對(duì)齊。需要注意的是,如果將文本包裹在一個(gè)塊級(jí)元素中(例如
),只有該塊級(jí)元素設(shè)置了text-align: left才能實(shí)現(xiàn)文本強(qiáng)制左對(duì)齊。
.container { text-align: left; } .container p { text-align: left; }
表格中的文本也可以進(jìn)行強(qiáng)制左對(duì)齊。只需要將表格或表格中的單元格設(shè)置為text-align: left即可:
table { text-align: left; } table td { text-align: left; }
如果需要取消文本強(qiáng)制左對(duì)齊的效果,只需要將text-align設(shè)置為其他的值即可,例如:
p { text-align: center; /* 取消文本強(qiáng)制左對(duì)齊的效果 */ }
總之,使用CSS實(shí)現(xiàn)文本強(qiáng)制左對(duì)齊非常簡(jiǎn)單,只需要使用text-align屬性即可。
上一篇css+文本+居中定位
下一篇css+樣式就近原則