不用table 如何在并列图片下加上说明
不用table 如何在并列图片下加上说明
rb1606 周二 27 10月 2020 - 12:24
不用table 如何在并列图片下加上说明
过去要做到如下图所示的图文排版的话，非用table不可，否则说明词无法打在左右各自图片下面。此帖的组合信纸，以往也只能用table制作，代码较为复杂，现在抛弃table这个框框，全改用 section 排版，代码更为简单易看，同一个代码只要改变宽度参数，就可以制作出适用于不同论坛的各种宽度的帖子，真是方便得多。
载阳茶馆外墙
贴满民国时期的海报
走出载阳茶馆
去著名的潮州牌坊街
rb1606 在 周二 27 10月 2020 - 21:14 作了第 2 次修改
rb1606- 文章數 : 4196
注冊日期 : 2012-11-06
回復： 不用table 如何在并列图片下加上说明
rb1606 周二 27 10月 2020 - 12:30
并列图片加说明的代码：
<center><div style="width:660px;FONT: bold 24px/140% kaiti; COLOR: #cc0033;letter-spacing:-1px"><p style="margin-top:30px" align=center><section style="display: flex;justify-content: space-between;align-items: center"><section style="box-sizing: border-box;">图片（一）<br><img src="图片（一）网址" width=320><br>图片（一）的说明词</section><!--左图--><section style="box-sizing: border-box;">图片（二）<br><img src="图片（二）网址" width=320><br>图片（二）的说明词</section><!--右图--></section></p></div></center>
rb1606- 文章數 : 4196
注冊日期 : 2012-11-06
回復： 不用table 如何在并列图片下加上说明
rb1606 周二 27 10月 2020 - 23:09
以下是把丁发于2020-2-24发表的帖子《武汉 美女 加油》的代码全部改用section排版后的效果，两张并排图片下的说明，可置于各图片的下面了，比以前只能把文字打在两张图片的中间位置更好些，不用再写上左图右图了。（旧代码全用table排版)
武汉 美女 加油
一场新冠状肺炎疫情，武汉市吸引了全世界每个人的眼球。
……
伏明霞
李娜
孟锦云
叶枫
rb1606 在 周四 29 10月 2020 - 15:16 作了第 1 次修改
rb1606- 文章數 : 4196
注冊日期 : 2012-11-06
rb1606- 文章數 : 4196
注冊日期 : 2012-11-06
回復： 不用table 如何在并列图片下加上说明
rb1606 周五 30 10月 2020 - 18:59
重阳节
农历九月初九是重阳节。重阳节，又称踏秋，是汉族传统节日。庆祝重阳节一般包括出游赏景、登高远眺、观赏菊花、插茱萸、吃重阳糕、饮菊花酒等活动。
rb1606- 文章數 : 4196
注冊日期 : 2012-11-06
回復： 不用table 如何在并列图片下加上说明
rb1606 周五 30 10月 2020 - 19:00
重阳节
农历九月初九是重阳节。重阳节，又称踏秋，是汉族传统节日。庆祝重阳节一般包括出游赏景、登高远眺、观赏菊花、插茱萸、吃重阳糕、饮菊花酒等活动。
rb1606- 文章數 : 4196
注冊日期 : 2012-11-06
這個論壇的權限：
您 無法 在這個版面回復文章