[問題] CSS的圖文並列

看板Web_Design作者 (夏天到了,冷不起來了說)時間13年前 (2013/01/21 11:22), 編輯推噓1(107)
留言8則, 5人參與, 最新討論串1/1
┌──┬──┐ │ │ │ │ │ │ │ │ │ └──┴──┘ 圖左文右 或 圖右文左 目前是用一個div包兩個span span的css是 display : inline-block; height : 100%; width : 49%; 不過這樣兩個區塊的寬度是固定的 有沒有辦法依圖的區塊大小來調整兩者的寬度呢? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 211.74.246.80

01/21 13:27, , 1F
float?
01/21 13:27, 1F

01/21 13:28, , 2F
float:left; width不要指定 外面div clearfix
01/21 13:28, 2F

01/21 13:28, , 3F
裡面span我會改用div
01/21 13:28, 3F

01/21 15:38, , 4F
裡面不用包,直接在圖上下class 然後指定float:left
01/21 15:38, 4F

01/21 16:22, , 5F
@chibc 這方式是文繞圖,非圖文並列
01/21 16:22, 5F

01/22 03:11, , 6F
overflow
01/22 03:11, 6F

01/22 03:44, , 7F
http://codepen.io/Rplus/pen/mxFaA 亦可參考Facebook寫法
01/22 03:44, 7F

01/22 09:20, , 8F
感謝 Rplus,原來text加了overflow屬性OK了
01/22 09:20, 8F
文章代碼(AID): #1G_BHeZb (Web_Design)