Re: [問題] CSS div如何向右排列撐出邊界?

看板Web_Design作者 (沉默是金。)時間15年前 (2010/06/24 01:57), 編輯推噓6(6012)
留言18則, 3人參與, 最新討論串2/2 (看更多)
※ 引述《konois (努力以赴微笑無敵!)》之銘言: : 標題: [問題] CSS div如何向左排列撐出邊界? : 時間: Wed Jun 23 11:09:50 2010 : : : 目前寫了一排按鈕,但希望他能在整個頁面中出邊界,也就是向右突破出現水平捲軸, : 推 rocky823:........怎麼一堆不懂 又亂回的人 06/23 22:07 : → rocky823:按鈕的div不能用float屬性要設display:inline-block 06/23 22:08 : → rocky823:然後 按鈕div的父元素 要下 white-space:nowrap 06/23 22:09 : 推 aceone:用float也OK啊 為啥不行 你也可以父元素設display:table 06/23 22:58 : → aceone:按鈕設display:table-cell 06/23 22:58 : 推 rocky823:無言.... aceone 重學一下CSS吧^^ 06/23 23:45 這種問題沒sample真的很難討論 大概做了一個基本板的 (應該沒誤會題目吧) http://tonyq.org/test/testInline.html float不會不能用,只是用起來環境限制比較多.(parent要設width...) -- 我:一半的日子讓你說,我聽你說你的所有______________________________________ ______________________________________一半的日子我想說,對你說過去的所有:我 _______________________________________________________ 在討論中妥善扮演兼具聆聽與分享的角色,是我們一生的課題。 _______________________________________________________ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 111.70.211.209

06/24 02:02, , 1F
table /table- cell 就真的比較麻煩...ie6,ie7不支援.
06/24 02:02, 1F
※ 編輯: TonyQ 來自: 111.70.211.209 (06/24 02:04) ※ 編輯: TonyQ 來自: 111.70.211.209 (06/24 02:04)

06/24 12:35, , 2F
我愛用table-cell XD IE7再hack就好 (IE6就不用管它了)
06/24 12:35, 2F

06/24 21:38, , 3F
TonyQ的範例是我講的方法沒錯阿 那請問float怎麼寫同效果
06/24 21:38, 3F

06/24 21:40, , 4F
aceone 來個table-cell 呈現同效果的範例吧
06/24 21:40, 4F

06/24 21:47, , 5F
我的範例裡面三種版本的作法都有啊...
06/24 21:47, 5F

06/24 21:48, , 6F
另外我發現ie8底下反而是float表現的最好 XD
06/24 21:48, 6F

06/24 21:54, , 7F
喔看到了~float跟 cell 根本太死了 那如果只要一小塊區域
06/24 21:54, 7F

06/24 21:57, , 8F
而且就事論事 float 跟cell本來就不是設計來呈現那種效果
06/24 21:57, 8F

06/24 22:42, , 9F
適才適用啦 看起來在這個case inline-block 表現的還不錯,
06/24 22:42, 9F

06/24 22:43, , 10F
不過我的sample在ie8會換行在firefox3.6 不會,不曉得是不是
06/24 22:43, 10F

06/24 22:43, , 11F
還有缺什麼沒設定到. :p 倒是float有設寬度狀況就表現不錯
06/24 22:43, 11F

06/24 23:07, , 12F
本來就沒有唯一解... 要看其他元素需要什麼條件
06/24 23:07, 12F

06/24 23:08, , 13F
ex.子元素要換行 or 按鈕做sprite之類的 寫法可以靈活運用
06/24 23:08, 13F

06/24 23:09, , 14F
換行?有圖嗎 我ie8看都正常說@@
06/24 23:09, 14F

06/25 01:23, , 15F
...是我的問題 我的pcman行為跟ie8不一樣。orz
06/25 01:23, 15F

06/25 01:24, , 16F
不過我跑ie tester測,ie6,ie7就真的只有float對了XD
06/25 01:24, 16F

06/25 01:24, , 17F
好久沒碰到pcman行為跟ie有落差的狀況了XD
06/25 01:24, 17F

06/25 01:25, , 18F
是說我覺得float 用來做橫排的效果還不算違背語意啊..
06/25 01:25, 18F
文章代碼(AID): #1C8ahyXb (Web_Design)
文章代碼(AID): #1C8ahyXb (Web_Design)