在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 用min-width設(shè)置div的最小寬度問(wèn)題

用min-width設(shè)置div的最小寬度問(wèn)題

用min-width設(shè)置div的最小寬度,讓這個(gè)div居中,但是總是繼承了父元素的寬度,導(dǎo)致內(nèi)容總是在左顯示,要怎么才能不繼承父元素的寬度

回答
編輯回答
帥到炸

min-width 是“最小寬度”的意思,所以父元素更寬的話,作為一個(gè)塊元素,必然要跟父元素同寬。

居中布局的方案很多,不知道你的具體需要,暫時(shí)先用這個(gè)吧:

.centered {
  width: 200px;
  margin: 0 auto;
}
2017年2月23日 17:15
編輯回答
深記你

div{

display:table;

}
div寬度隨內(nèi)容變化

2018年7月28日 09:39
編輯回答
浪婳

min-width 這個(gè)屬性并不是 設(shè)置寬度用的。
在文檔流默認(rèn)規(guī)則下:塊級(jí)元素會(huì)撐滿文檔流一行中的最大寬度,并默認(rèn)繼承父級(jí)的寬度,而內(nèi)聯(lián)元素寬度是其子元素所的寬度(請(qǐng)不要用塊級(jí)元素填充內(nèi)聯(lián)元素)。
那么可以通過(guò)改變塊級(jí)元素的屬性比如明確指定width 或 讓其脫離文檔流(比如float)來(lái)改變塊級(jí)元素的寬度

2017年2月14日 18:57
編輯回答
法克魷

可以使用inline-block實(shí)現(xiàn)內(nèi)容自適應(yīng);
父元素直接text-align:center使display:inline-block的子元素居中;
子元素通過(guò)text-align:center使內(nèi)容居中;
此時(shí)子元素div不會(huì)繼承父元素的寬度;
內(nèi)容移出的情況自己額外處理就好,此處未處理;
示例

2018年8月23日 09:17