使段落与图像的宽度相同

debugcn 发表于 Dev

我正在尝试使p标签与图像的宽度相同。

<a class="preview-holder" href="#" target="_blank">
  <div class='preview'>
    <img src="http://s31.postimg.org/9c62tqc63/Carpet_Tree_of_Life.jpg" alt="" />
    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
  </div>
</a>

如果图像比文本宽，我看起来很好，但不是。

我不需要使用p，我可以使用span或在必要时稍微更改标记。

请注意，预览不能具有固定的宽度！

博格丹·库斯坦（BogdanKuštan）

在预览支架上放一些CSS：

.preview-holder {
  display: block;
  max-width: 1px;
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-06-22

Related 相关文章

文章

使段落与图像的宽度相同

使段落与图像的宽度相同

使图像适应段落宽度

环绕图像时CSS段落的最小宽度

使textview的图像下方宽度与ConstraintLayout中的图像宽度相同

使元素的宽度与动态调整大小的图像相同？

如何设置图像的高度和宽度相同？

如何使父链接元素的宽度与子图像的宽度相同？

段落未根据图像扩展宽度的父容器/图像标题

榆木中段落的宽度

榆木中段落的宽度

使用JavaScript更改具有相同ID的多个图像的宽度

在添加图像时，使宽度与屏幕相同，而使高度可滚动

使用毕加索加载相同图像时的宽度不同

如何强制元素具有其子图像宽度而不是其子段落

闪亮的应用程序：强制图像的宽度与侧边栏面板的宽度相同

闪亮的应用程序：强制图像的宽度与侧边栏面板的宽度相同

以宽高比显示图像，并且所有图像尺寸的高度和宽度均相同

在段落旁边显示图像

段落不会环绕图像

如何通过CSS使高度和宽度不同的所有图像相同？

如何将文件夹中的所有图像缩放到相同的宽度？

具有相同百分比的高度和宽度的图像将以不同的高度进行渲染

尽管图像大小，但产品包装盒的宽度和高度相同

CSS-强制图像具有相同的跨度宽度和高度

如何设置布局宽度以在不同的屏幕尺寸下查看相同的图像

CSS：即使在CSS中进行了设置，图像的宽度和高度也不相同

如何将文件夹中的所有图像缩放到相同的宽度？

具有相同百分比的高度和宽度的图像将以不同的高度进行渲染

如何使2张图像（相同高度，不同宽度）按比例缩小

如何使图像具有相同的宽度和高度，但仍然具有 Bootstrap 响应能力？