實現如下效果：
css**實現如下：
第一種方案：
.oldprice .label
.oldprice .label:after
.active-lists .nowprice
.active-lists .nowprice .label
.active-lists .nowprice .points
原價 50元
首單價200積分 20元
第二種方案：
.oldprice .label
.oldprice .label > span.active-lists .nowprice
.active-lists .nowprice .label
.active-lists .nowprice .points
原價 50元
首單價200積分 20元
注：在實現兩端對文齊的label，它的父級元素，不要設定white-space:nowrap,不然效果失效！
css實現兩端對齊
兩端對齊用text align justify 但怎麼解決單行不能兩端對齊呢，思路就是 讓瀏覽器認為這不是最後一行就行了 在元素裡面加乙個會換行的空的子元素比如 i style display inline block width 100 height 0 i li 效果如下 幾點注意事項 1 sp...
css之文字兩端對齊
在進行網頁設計時，我們經常會看到這樣的樣式 文字兩端對齊。css為我們提供了乙個屬性可以實現這樣的效果 text align justify。不過這個只能用來設定多行文字 除最後一行 如果只有單行的話，是不起效果的。那怎麼辦呢？這裡有兩種解決方案 借助偽元素或者內聯元素使文字不是最後一行。具體 sc...
CSS之文字兩端對齊
說起text align，大家一定都不覺得陌生，我們常用關鍵字left right center實現行內元素相對父元素左 右 居中對齊，當然我們也使用justify來實現文字兩端對齊。如上圖，兩端對齊相對於左對齊，視覺上顯得整齊有序。但justify對最後一行無效，通常這樣的排版對整段文字是極好的，...