用过wordpress的站长都知道wordpress居然不可以一行显示多张图片,所有的图片都是一行显示一张,表示不管再小的图片都是这样的,
一开始认为是wordpress主题问题,将它的CSS折腾了个便都没有办法解决掉,后来干脆直接禁用任何CSS居然还是无法让wordpress编辑器一行显示多张图片;
这样就确定了是wordpress程序本身觉得它只能每行显示一张图片,知道问题所在了就知道折腾方向了;
最后用table标签完美解决掉了一行显示多张图片的问题;
实现方法:
</pre> <table> <tr> <td> < img src=1.jpg/> </td> <td> < img src=2.jpg/> </td> ………. </tr> </table>
这样一来就可以让图片在一行显示了,这里再附上一张效果图给大家:
此方法适用于任何源码程序,是一个html代码的调用,非常简单实用。
让文字和图片在同一行
当然我们同样也知道wordpress不能让图片和文字在同一行,那么我们是不是有方法去实现呢?
文字和图片在一行,文字靠左,图片靠右(div)
这里我们加个用div来做即可:
直观思维:
<div>文字<img style=”float:right”/></div>
上面的做法图片和文字不在一行,图片会跑到下面一行去
正确做法:
<div><img style=”float:right”/>文字</div>
在float的规则中:先右后左
<div id=”right”/>
<div id=”left”/>
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
- 最新
- 最热
只看作者