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

37 浏览
0 Comments

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

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

在这里查看JSFiddle

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

HTML

Lorem ipsum dolor sit amet.

 

CSS

div {
   display: inline-block;
   }

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

2 答案

0 Comments

你可以使用以下代码： 

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

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

查看示例：http://jsfiddle.net/WM6hK/11/

0
0 Comments

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

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

0