有没有办法在 Tailwind css 中指定偏移量？答案

【问题标题】：Is there a way to specify an offset in Tailwind css?有没有办法在 Tailwind css 中指定偏移量？
【发布时间】：2021-09-23 11:58:17
【问题描述】：

我正在尝试在一行中显示一些文本和旁边的图像。我尽可能多地使用 Tailwind Css，我想添加和偏移 1/8 的宽度，以便文本和图像之间有一些边距

<div class="grid section">
    <div class="w-full">
        <div class="w-5/8">
            <p> Whatever text ...</p>
        </div>
        <div class="w-2/8">
            <img src="whatever.png"/>
        </div>
    </div>
</div>

如果有的话，Tailwind 中的偏移类的名称是什么，以将 w-1/8 的左偏移量添加到 img div 包装器？

提前谢谢你们！

【问题讨论】：

我不确定您到底想要达到什么目的。此示例使文本（蓝色）占用父级空间的 2/6，而图像 div 将占用剩余的 4/6：play.tailwindcss.com/pzd55OjDn1 默认 Tailwind 配置中没有 /8 类。

标签： css tailwind-css

【解决方案1】：

您几乎回答了自己的问题：

... 让文字和图片之间有一些边距

您需要为图像添加边距。在这种情况下，您可以将mt-20（或者可能是不同的大小）添加到图像的 div 中，这意味着 margin top。存在其他保证金类别，它们很好documented。

现场示例here。

【讨论】：