對于CSS兩段對齊在IE8下的問題,我們可以通過以下代碼進行解決:
.container { display: table; width: 100%; } .left, .right { display: table-cell; } .left { text-align: left; } .right { text-align: right; }
其中,我們給包裹兩段文本的容器(一般是div)添加了“display: table;”屬性,然后給兩段文本分別添加“display: table-cell;”屬性。這樣就能讓兩段文本在一個表格中排列。
除此之外,我們還需要給左右兩端文本分別添加“text-align: left;”和“text-align: right;”屬性,讓文本能夠對齊在左右兩端。
需要注意的是,IE8對CSS的支持并不完全,因此我們需要使用hack來解決兼容性問題。例如,可以在CSS代碼前面添加“”和“”來判斷IE8以下的瀏覽器。
上一篇css935667
下一篇css item 樣式