「寬度自適應」修訂間的差異

於 2019年1月20日 (日) 23:04 的修訂

指元素的寬度會隨著內文的多寡而自動調整。

table,th,td 的寬度是自適應的。而整個 table 是可以靠 align 屬性水平置中的。

下以下 CSS 指示：

max-width:300px;
min-width:100px;
word-wrap:break-word;

讓容器伸縮，過長時自動換行。

對選擇器(如 UL)下以下 CSS 指示：

width:fit-content;
width:-moz-fit-content;
width:-webkit-fit-content;
margin:auto;

對 firefox 與 chrome 分別下寬度自適應的指示，再用 margin:auto; 將邊沿左右平分

@@ 第7行： / 第7行： @@
 ====最大寬度與最小寬度====
+下以下 CSS 指示：
+<pre>max-width:300px;
+min-width:100px;
+word-wrap:break-word;</pre>
+讓容器伸縮，過長時自動換行。
 ====css3 的 fit-content====
+對選擇器(如 UL)下以下 CSS 指示：
+<pre>width:fit-content;
+width:-moz-fit-content;
+width:-webkit-fit-content;
+margin:auto;</pre>
+對 firefox 與 chrome 分別下寬度自適應的指示，再用 margin:auto; 將邊沿左右平分
+===水平置中===