百度前端任務(wù) task0001筆記

div水平和垂直居中,text-align和vertical-align不起作用,因?yàn)闃?biāo)簽div沒(méi)有這兩個(gè)屬性,所以再css中設(shè)置這兩個(gè)值不能居中的效果。如需居中可嘗試margin:0 auto;

兩列布局,左邊固定寬度右邊自適應(yīng),可1、左邊f(xié)loat:left2、左邊position:absolute,右邊margin-left:左邊寬度

三列布局,左右固定寬度中間自適應(yīng)

1、可左右浮動(dòng)float中間用margin-left和margin-right,但需注意,div先寫(xiě)浮動(dòng)再寫(xiě)中間自適應(yīng)部分,不然右浮動(dòng)會(huì)到下面一行

2、左右用position:absolute中間用margin-left和margin-right但是中間的margin-top和兩邊不一致,要少一些,暫時(shí)不知道為什么。

任何一個(gè)模塊都要定義寬度高度


http://zh.learnlayout.com/position.html


用浮動(dòng)(float)時(shí)的父容器塌陷問(wèn)題

1、在555之后加一個(gè)

http://fireflywithcat.iteye.com/blog/1615606


改<hr>格式

這里CSS指線寬度90%? 高度3px 離上下右下左距離 10px 0px 10px 0pxhr{width: 90%;height: 3px;margin: 10 0 10 0;}在頁(yè)面有了

就會(huì)受到有改變hr{}的影響HTML要貼:

hr {margin:0;HEIGHT: 25;width:100%;border:4px ridge;COLOR:333;}


position:absolute 居中http://blog.csdn.net/freshlover/article/details/11579669

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,126評(píng)論 1 92
  • 各種純css圖標(biāo) CSS3可以實(shí)現(xiàn)很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫(huà)出這些圖形,要比...
    劍殘閱讀 9,978評(píng)論 0 8
  • 0. HTML對(duì)象獲取問(wèn)題 3 0. const問(wèn)題 3 0. event.x與event.y問(wèn)題 3 0. wi...
    趙長(zhǎng)安啊閱讀 577評(píng)論 0 0
  • 關(guān)于CSS對(duì)各個(gè)瀏覽器兼容已經(jīng)是老生常談的問(wèn)題了, 網(wǎng)絡(luò)上的教程遍地都是.以下內(nèi)容沒(méi)有太多新穎, 純屬個(gè)人總結(jié), ...
    xxiao1988閱讀 2,087評(píng)論 0 1
  • 當(dāng)我寫(xiě)出致我們終將逝去的青春,這幾個(gè)字時(shí),我又迅速地劃去了,是啊!很不好的一種情緒,在漫長(zhǎng)卻又短暫的時(shí)光里,你青春...
    嫣容淺笑閱讀 356評(píng)論 0 3

友情鏈接更多精彩內(nèi)容