Javascript 为图像提供标准组大小的技巧
我不确定从哪里开始: 我正在寻找一种方法来定制编辑照片行的宽度/高度,几乎与这里完全相同。在flickR上,每行照片的宽度相同,每行照片的高度相同。这样它就排列得很好了 在我的页面上,我使用php随机选择2或3个图像以显示在一行中,我将其设置为宽度是一个设置大小(2个图像为50%或3个图像为33%等),但这意味着图像之间的高度是关闭的。整洁的解决方案是一个脚本,我想它会查看图像的高度和宽度,并计算出它们的大小,以便调整宽度和高度以匹配并保持整齐的线条 有人知道从哪里开始吗?Javascript 为图像提供标准组大小的技巧,javascript,php,html,css,Javascript,Php,Html,Css,我不确定从哪里开始: 我正在寻找一种方法来定制编辑照片行的宽度/高度,几乎与这里完全相同。在flickR上,每行照片的宽度相同,每行照片的高度相同。这样它就排列得很好了 在我的页面上,我使用php随机选择2或3个图像以显示在一行中,我将其设置为宽度是一个设置大小(2个图像为50%或3个图像为33%等),但这意味着图像之间的高度是关闭的。整洁的解决方案是一个脚本,我想它会查看图像的高度和宽度,并计算出它们的大小,以便调整宽度和高度以匹配并保持整齐的线条 有人知道从哪里开始吗? 谢谢通常我会将图像放
谢谢通常我会将图像放在一个元素中,即
<div class='item_image'><img src='image.jpg'></div>
您还可以使用php适当调整图像大小和/或创建适合您需要的缩略图大小。。有很多选择。通常我会将图像放在一个元素中,即
<div class='item_image'><img src='image.jpg'></div>
您还可以使用php适当调整图像大小和/或创建适合您需要的缩略图大小。。真的有很多选择。也许你可以先看看这篇博文:
也许你可以先看看这篇博文:
您可以将图像设置为
背景图像
,然后使用背景大小:封面
属性填充包含的元素。只需设置每个图像容器的特定宽度和高度,然后背景大小:cover
将用图像填充容器
更多信息请点击此处:
标记
<div class="imageOne" style="background-image: url('x');"> </div>
您可以将图像设置为
background image
,然后使用background size:cover
属性填充包含的元素。只需设置每个图像容器的特定宽度和高度,然后背景大小:cover
将用图像填充容器
更多信息请点击此处:
标记
<div class="imageOne" style="background-image: url('x');"> </div>
这正是我需要的。谢谢这正是我需要的。非常感谢。