[問題] 這種區塊配置的css應該怎麼寫?

看板Web_Design作者ss163500 (ss163500)時間15年前 (2011/01/08 14:39)推噓1(1推 0噓 4→)

留言5則, 4人參與討論串1/2 (看更多)

----------------------------------------- | │ | ┌───┐ │ | │ 圖 │字字字字字字字字字字字字字 │ | │ │字字字字字字字字字字字字 │ | └───┘ │ | │ ----------------------------------------- 如圖，一個寬度固定的div，裡面放上文字與小圖，字數跟圖片大小都不固定圖片靠左，文字靠右而且希望他們在div當中垂直置中，而且從ie6~chrome都沒有相容性問題 (別叫我放棄ie6，我可不想叫別人升級之後，他的反而不能上網了，我還得負責) HTML這樣寫 <div class="inner"><img src="xxx.jpg"><p>字字字字字字字字字字字字</p></div> CSS裡則是設定.inner img{float:left;margin:5px;} 那請問我該怎麼讓文字在div中永遠垂直置中呢? css跟html部分應該怎麼寫比較好? 因為div高度不同，所以div的height跟line-height設同一高度的沒效用table做的話瞬間就可以做完收工了，可是還是想知道css解法是怎麼寫?? 又如果div高度固定，但是內容有時候只有多一兩行的差異設相同的height跟line-height，卻又無法讓整段文字在div中垂直置中請問各位大大又應該怎麼寫?? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.240.195.211 ※ 編輯: ss163500 來自: 210.240.195.211 (01/08 14:41)

→

superpai

01/08 14:43, , 1^F

01/08 14:43, 1^F

→

grence

01/08 16:01, , 2^F

01/08 16:01, 2^F

→

tkdmaf

01/08 16:13, , 3^F

01/08 16:13, 3^F