作者cloud1203 ( )
看板Web_Design
標題[問題] 圖片排版
時間Wed Dec 26 16:38:02 2007
以下亂碼為假設內文...
情況一:
ghcjakcnjakcakwkj|------------|
awdnjkadnjaakjwnx| |
akcamlkmclakmlakm| |
acmlakmcalcmac;la| 圖片1 |
akcmaklmaw;mckacm| |
kcmakcacma;wma;wc| |
al;cal;c,al;c,al;|------------|
adkjjwakajwkdjawkdlxdakldalkxak
ajkdnajwknakjdxdndakwnalwkjnalk
akcamlkcanlkawklcamcklalkcmlmal
情況二:
ghcjakcnjakcakwkj|------------|
awdnjkadnjaakjwnx| |
akcamlkmclakmlakm| |
acmlakmcalcmac;la| 圖片1 |
akcmaklmaw;mckacm| |
kcmakcacma;wma;wc| |
al;cal;c,al;c,al;|------------|
adkjjwakajwkdjawk| |
ajkdnajwknakjdxdn| |
akcamlkcanlkawklc| 圖片2 |
a.maklxawklxmaklx| |
slkclakcsklclmcaa| |
alaklcdajklcaakkc|------------|
adawndajknawjkanjdakdnjakdnajkn
acaklmcakmkalmklamklamlkamlkamc
情況三:
ghcjakcnjakcakwkj|------------|
awdnjkadnjaakjwnx| |
akcamlkmclakmlakm| |
acmlakmcalcmac;la| 圖片1 |
akcmaklmaw;mckacm| |
kcmakcacma;wma;wc| |
al;cal;c,al;c,al;|------------|
adkjjwakajwkdjawk| |
ajkdnajwknakjdxdn| |
akcamlkcanlkawklc| 圖片2 |
a.maklxawklxmaklx| |
slkclakcsklclmcaa| |
ghcjakcnjakcakwkj|------------|
awdnjkadnjaakjwnx| |
akcamlkmclakmlakm| |
acmlakmcalcmac;la| 圖片3 |
akcmaklmaw;mckacm| |
kcmakcacma;wma;wc| |
al;cal;c,al;c,al;|------------|
adandxjaxnaj,xna,xnaxna,xanxaxx
xaxaxackalnclakjwnlanxklanxlakn
如果要考慮到上面三種情況
也就是說有圖2或圖3的時候文字就要換行
不要預留圖片空間...有才讓它顯示
沒有的時候內文就寫到底
應該要怎麼排版?
還有圖跟圖之間不要有空隙
該怎麼做?
麻煩指教<(_ _)>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 202.173.49.133
推 averywu:CSS Float 12/26 16:48
→ averywu:and padding / margin 12/26 16:49
→ cloud1203:問題解決了 感謝樓上<(_ _)> 12/27 14:51