我正在将子 html 页面加载到颜色框(jquery 插件)中,以便在显示图像时获得灯箱/模态效果。但我希望这个 html 在一个 div 中有一张图片,在它的右边有另一个 div 用于评论。
我想并排放置两个 div。两列但不是表格。图片进入其中一个。缩放以始终适合(无滚动或隐藏)和另一个具有匹配高度和固定宽度的 div。
我遇到的一个问题是简单地将 div 并排放置。我没有缩放图片,而是在不同的“行”上得到两个 div。第一个压倒另一个。
有什么方法可以让它们保持内联并改为缩放图片的宽度?我试过向左/向右浮动,跨度但我无法实现..
最佳答案
两列的宽度是固定的吗?如果是这样,您可以使用 display: inline-block;
并指定宽度和高度。然后,对于图像,使用 width: 100%; height: auto;
在 img
元素本身上。
关于html - 两个 div "inline",一个带有缩放图像,一个带有评论,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23747115/