html - 两个 div "inline",一个带有缩放图像,一个带有评论

标签 html css

我正在将子 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/

相关文章:

html - 最小高度为 :100% doesnt expand background-color 的 div

javascript - Ruby on Rails - 将文本字段与选择结合起来?

html - 为什么top是:inherit; Behaving This Way?

css - 在菜单中居中图像?

css - 如何在脚本中设置图像高度

javascript - 使用 javascript insideHTML 清理 html 以进行注入(inject)?

html - 如何编写可访问的html表格?

javascript - Web 应用程序的硬编码打印首选项

html - 可以在不使用 javascript 的情况下在滚动条顶部添加偏移量吗?

javascript - 用 chrome 去除触摸屏上的蓝色光标