基于图像缩小适应div和段落？

Question

24 浏览2023年5月23日

匿名的 2023年1月9日

0 Comments

下面的代码是我的网站的简化版本。在我的网站上，图像的宽度因页面而异，文本大约有100个字。这意味着段落会拉伸DIV使其比图像更宽。是否可以仅使用CSS将DIV和段落缩小为图像的宽度？

这是我想要描述的示例。顶部是我得到的结果，底部是我想要的结果。

HTML

Lorem ipsum dolor sit amet.

CSS

div {
   display: inline-block;
   }

admin 更改状态以发布 2023年5月23日

0

匿名的 · Answer 1 · 2023-01-09T20:57:58+00:00

你可以使用以下代码：

    div {
    width:20%;
    display:inline-table;
    }
p {
    border: 1px solid blue;
    }

其会根据图片大小完全正常工作.....

匿名的 · Answer 2 · 2023-01-09T20:57:58+00:00

对于任何与表格相关的事情，我将永远感到羞愧：http://jsfiddle.net/WM6hK/3/

div {
display: table;
border: 1px solid red;
width: 1%;
}
p {
border: 1px solid blue;
}