以下是一個(gè)突然發(fā)現(xiàn)自己見(jiàn)識(shí)如此少的女漢子的嘶吼
啊啊啊，剛剛注意到width設(shè)置的是內(nèi)容區(qū)的寬度，增加 padding 或 margin 后會(huì)增加總體寬度
啊啊啊啊，今天才知道只有內(nèi)容區(qū)和左右外邊距可以設(shè)置為 auto ！！！！
流 ： 所有元素都被放置在流中， 頁(yè)面在顯示時(shí)， 元素一個(gè)一個(gè)的流到屏幕上， 當(dāng)然也有脫離流的情況。如果一個(gè)元素浮動(dòng)或定位，那么它就會(huì)從流里脫離出來(lái)
非替換元素 ： 如段落，還是用例子比較好
替換元素 ： 如圖片
塊級(jí)元素 ： 段落、標(biāo)題、 p 等，流入后會(huì)產(chǎn)生一個(gè)換行。 使用 display: block; 可以讓元素生成塊級(jí)框
行內(nèi)元素 ： strong 、 span 等， 不會(huì)換行。 使用 display : inline; 可以讓元素生成一個(gè)框
根元素 ： html
一個(gè) auto ： 會(huì)占用所有剩余空間
兩個(gè)auto ： 一般是外邊距，則內(nèi)容區(qū)居中
三個(gè)auto ： margin 為 0， 內(nèi)容區(qū)會(huì)盡量占據(jù)到最寬
正常流中上下外邊距設(shè)置為 auto 會(huì)自動(dòng)計(jì)算為 0 ，而不是像橫向那樣居中
在 padding 、 margin 、 border 中只有 margin 可以設(shè)為負(fù)值，而且要注意，margin 設(shè)為負(fù)值時(shí)要滿足 padding + margin + border 的總和為父元素的 width， 這是十分重要的。
沒(méi)錯(cuò)，這個(gè)我之前也不知道....鬼知道為嘛我會(huì)漏了這么多重要的知識(shí)點(diǎn)沒(méi)學(xué)....還好現(xiàn)在補(bǔ)起來(lái)了，感謝權(quán)威指南~~
想要將列表元素作為一個(gè)橫條用豎線隔開(kāi)的導(dǎo)航條
display: inline;
再為所有列表元素加上右邊框，第一個(gè)列表元素加上左邊框即可
將幾個(gè)鏈接放到 p 中，想要布局為垂直邊欄
display: block;
再增加些樣式即可顯示為漂亮的豎直導(dǎo)航欄
在一行中想要插入一個(gè)塊結(jié)構(gòu)
display: inline-block;
會(huì)把外觀類(lèi)似于一個(gè)豎直導(dǎo)航條的東西插到行中，如果沒(méi)有設(shè)置這個(gè)塊的 width ，會(huì)自適應(yīng)為一行
run-in
display: run-in;
當(dāng)然，使用這個(gè)是有限制的，只有其后的一個(gè)元素為塊級(jí)元素時(shí)，才會(huì)轉(zhuǎn)換為那個(gè)塊級(jí)元素開(kāi)始處的行內(nèi)元素。
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 www.polareal.com 版權(quán)所有
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬(wàn)商天勤律師事務(wù)所王興未律師提供法律服務(wù)
