CSS佈局:兩列自適應且充滿

父元素:display:table;width:100%;
子元素:display:table-cell;width:auto;white-space:nowrap;

應用場景 如圖,可使得當途中右邊按鈕長度發生變化時(文字長度變短),左邊的border-bottom始終與右邊按鈕保持一樣的距離; 相較於通常的實現方法,例如左右浮動,會使得左邊寬度恆定。又例如絕對定位,會使得沒法左右自適應。spa

相關文章
相關標籤/搜索