我想在固定宽度上调整图像(Google 图像正是这样做的,例如:here)
有什么简单的解决方案吗?
最后的办法是编写一个 jquery 脚本,计算它可以放入一行中的图像数量,并逐个迭代图像。对于可以使用 text-align:justify... 文本完成的事情来说似乎有点矫枉过正......
最佳答案
使用显示:内联 block ;对于带有图像和文本的元素对齐:对齐;对于父元素。 示例:
<ul class="images">
<li><img src="..."/></li>
...
</ul>
和 CSS:
.images{text-align: justify;}
.images li{display: inline-block;}
关于javascript - 证明行中图像的对齐方式(ala Google Images),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9700213/