您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

使包装器采用子图像的最大宽度?

使包装器采用子图像的最大宽度?

一个“哈克”的方式,用另一个显示属性您的包装,如果你强迫它是table1%宽度IMG将打破这个宽度,并设置自己的大小,宽度包装:

.wrapper {

  border: 1px solid red;

  display: table;

  width: 1%;

}


<div class="wrapper">

  <img src="http://www.fillmurray.com/284/196">

  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ornare dictum ligula quis dictum. Nam dictum, eros sit amet imperdiet aliquet, ligula nisl blandit lectus, quis malesuada nunc ipsum ac magna. Vestibulum in magna eu sem suscipit molestie.

    Maecenas a ligula molestie, volutpat turpis et, venenatis massa. Nam aliquam auctor lectus ac lacinia. Nam consequat lacus porta odio hendrerit mollis. Etiam at congue est, eu fermentum erat. Praesent vestibulum malesuada ante. Cum sociis natoque

    penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>

</div>
其他 2022/1/1 18:13:51 有496人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶