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;">