亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

浮動:左;VS顯示:內聯;VS顯示:內聯塊;VS顯示:表格單元格;

浮動:左;VS顯示:內聯;VS顯示:內聯塊;VS顯示:表格單元格;

隔江千里 2019-07-01 14:57:42
浮動:左;VS顯示:內聯;VS顯示:內聯塊;VS顯示:表格單元格;我的問題這些方法中的任何一種都是專業網頁設計師的首選嗎?在繪制網站時,網頁瀏覽器是否更喜歡這些方法?這都是個人喜好嗎?還有其他我錯過的技術嗎?注:以上問題與設計多列布局有關。浮動:左;http://jsfiddle.net/CDe6a/這是我在創建列布局時經常使用的方法,它似乎工作得很好。但是,父級確實會崩潰,所以您只需要記住clear:both;之后。另一個康我剛剛發現的是文本不能垂直對齊。顯示:內聯;這似乎糾正了折疊父級的問題,但增加了空格。http://jsfiddle.net/CDe6a/1/從html中刪除空格似乎是解決此問題的最簡單方法,但如果您對html非常挑剔,則不需要這樣做。http://jsfiddle.net/CDe6a/2/顯示:內聯塊;似乎表現得很像display:inline;.http://jsfiddle.net/CDe6a/3/顯示:桌面單元;http://jsfiddle.net/CDe6a/4/效果很好。我的想法:我肯定我漏掉了很多東西,比如一些會破壞布局的例外,但是,display:table-cell;似乎效果最好,我想我會開始float:left;因為我似乎總是搞砸了clear:both;..我在網上讀過很多關于這方面的文章和博客,但沒有一篇文章和博客給我一個明確的答案,我應該使用什么來布局我的網站。
查看完整描述

3 回答

?
MYYA

TA貢獻1868條經驗 獲得超4個贊

我通常用float: left;加上overflow: auto;解決坍塌家長問題(至于為什么這樣做,overflow: auto如果不給出顯式高度,則將展開父級,而不是添加滾動條,overflow: hidden也起作用)。我對垂直排列的大部分需求都是為了菜單欄中的一行文本,可以用line-height財產。如果我真的需要垂直對齊塊元素,我會在父元素和垂直對齊項、位置絕對、頂部50%和負邊距上設置一個顯式的高度。

我不使用的原因display: table-cell是當您有超過網站寬度所能處理的項目時它溢出的方式。表格單元格將迫使用戶水平滾動,而浮動將包裝溢出菜單,使它仍然可用,不需要水平滾動。

關于Float:LefandOverflow:Auto的最佳之處在于,它可以在沒有黑客攻擊的情況下一直工作到IE6,甚至可能更遠。


查看完整回答
反對 回復 2019-07-01
  • 3 回答
  • 0 關注
  • 607 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號