Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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 两个div一个有文本内容,另一个只有图像我如何保持两个div的高度相同_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 两个div一个有文本内容,另一个只有图像我如何保持两个div的高度相同

Javascript 两个div一个有文本内容,另一个只有图像我如何保持两个div的高度相同,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是两个div,其中一个div有文本,另一个只有图像 当我改变视口中哪怕是最细微的部分时,div图像变小,并且其中包含文本的div增加,我希望div在不使用媒体查询的情况下保持相同的高度,Flex是否有使用javascript的选项 2017年世界海洋峰会 Lorem ipsum dolor sit amet,奉献精英。 相似、相似、相似、相似的代表 多洛里巴斯·库斯·阿库桑蒂姆, 印度尼西亚巴厘岛 2017年2月22日至24日 定义css类以设置宽度、高度、填充、边框和边距的样式。

这是两个
div
,其中一个
div
有文本,另一个只有图像

当我改变视口中哪怕是最细微的部分时,
div
图像变小,并且其中包含文本的div增加,我希望
div
在不使用媒体查询的情况下保持相同的高度,Flex是否有使用javascript的选项


2017年世界海洋峰会

Lorem ipsum dolor sit amet,奉献精英。
相似、相似、相似、相似的代表
多洛里巴斯·库斯·阿库桑蒂姆,

印度尼西亚巴厘岛 2017年2月22日至24日
定义css类以设置宽度、高度、填充、边框和边距的样式。确保该类对图像有好处。将该类应用于两个div。如果需要,您可以创建另一个不带宽度、高度等的类,并将该类应用于可能需要它的任何div。请注意,如果两个div都是同一父对象(例如body)的子对象,则效果更好。 但是请注意,如果文本与图像关联,则使用html图片标记。将文本和图像包装在一个p标记中,p是图片的子元素。这对用户体验更好。 浏览器总是会随着屏幕大小的变化而调整大小。在这种情况下,您还需要css来处理媒体屏幕大小的更改(响应)。e、 g



您可以在此处阅读更多信息:“

只需在页面加载时查找图像高度,然后将其结果分配给左div,然后两个div看起来高度相同。这可能是一个技巧,它可以帮助你。尝试此操作

请发布您有问题的相关代码和标记,而不是图像链接,最好是以一种方式演示问题。有关详细信息,请参阅。不,我无法为div指定高度。这是不允许的
<source media="(min-width: 650px)" srcset="img_pink_flowers.jpg">
<source media="(min-width: 465px)" srcset="img_white_flower.jpg">
<img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">