Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为图像提供标准组大小的技巧_Javascript_Php_Html_Css - Fatal编程技术网

Javascript 为图像提供标准组大小的技巧

Javascript 为图像提供标准组大小的技巧,javascript,php,html,css,Javascript,Php,Html,Css,我不确定从哪里开始: 我正在寻找一种方法来定制编辑照片行的宽度/高度,几乎与这里完全相同。在flickR上,每行照片的宽度相同,每行照片的高度相同。这样它就排列得很好了 在我的页面上,我使用php随机选择2或3个图像以显示在一行中,我将其设置为宽度是一个设置大小(2个图像为50%或3个图像为33%等),但这意味着图像之间的高度是关闭的。整洁的解决方案是一个脚本,我想它会查看图像的高度和宽度,并计算出它们的大小,以便调整宽度和高度以匹配并保持整齐的线条 有人知道从哪里开始吗? 谢谢通常我会将图像放

我不确定从哪里开始:

我正在寻找一种方法来定制编辑照片行的宽度/高度,几乎与这里完全相同。在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>

这正是我需要的。谢谢这正是我需要的。非常感谢。