cuốn sách gpt4 ai đã làm

html - Bootstrap : force image height to height of row

In lại Tác giả: Walker 123 更新时间:2023-11-28 03:34:17 28 4
mua khóa gpt4 Nike

我有一个页面布局,其中两个 div 在一行中彼此相邻对齐。一列包含可变长度的文本,第二列包含图像。

标记基本上如下:






text
text


我的意图如下:应缩小图像的大小,使其与包含文本的列一样高。看这个jsfiddle澄清。

有什么方法可以只用 CSS 实现吗?据我所知,phù hợp với đối tượng CSS3 命令将是我所需要的,但不幸的是它还没有得到很好的支持(还没有?),请参阅 caniuse .将图像设置为周围 div của hình nền 不是一个选项,因为之后的 jQuery 插件需要 hình ảnh.

câu trả lời hay nhất

简而言之,不,这仅在您想要跨浏览器执行某些操作时才使用 CSS 是不可能的。你有一个流畅的布局,我相信默认情况下 Bootstrap 有 img 的 css 规则 max-width: 100% 强制它受其父容器的约束并尊重纵横比。您将需要 Javascript 知道文本 div 的高度并将该高度动态添加到图像中,或者将它们都包装在具有固定高度的父容器中并应用 max-height: 100% 在图像上和 overflow: scroll or hidden在分区上。希望能帮助到你,干杯

关于html - Bootstrap : force image height to height of row,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15399294/

28 4 0
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress