[問題] CSS的圖文並列

[JYHuang (夏天到了，冷不起來了說)]

  ┌──┬──┐
  │    │    │
  │    │    │
  │    │    │
  └──┴──┘
   圖左文右 或 圖右文左

   目前是用一個div包兩個span
   span的css是
     display : inline-block;
     height  : 100%;
     width   : 49%;

   不過這樣兩個區塊的寬度是固定的
   有沒有辦法依圖的區塊大小來調整兩者的寬度呢？

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 211.74.246.80
推 aspdoctor:float?
→ kurtisgod:float:left; width不要指定 外面div clearfix
→ kurtisgod:裡面span我會改用div
→ chibc:裡面不用包，直接在圖上下class 然後指定float:left
→ JYHuang:@chibc 這方式是文繞圖，非圖文並列
→ Rplus:overflow
→ Rplus:http://codepen.io/Rplus/pen/mxFaA  亦可參考Facebook寫法
→ JYHuang:感謝 Rplus，原來text加了overflow屬性OK了