Tailwind CSS logo居中

k4ymrczo 于 12个月前发布在 Go

关注(0)|答案(2)|浏览(163)

我有以下小提琴：
https://jsfiddle.net/w5c36epd/
如果你仔细看，你可以看到，标志实际上是不居中。我已经尝试了不同的flexbox选项，如：

<div class="flex-shrink-0 justify-center">
    <img class="h-64 w-64" src="../../assets/images/logo.svg" alt="Workflow logo">
</div>

字符串
但我好像没法调整
我错过了什么？

css

来源：https://stackoverflow.com/questions/64116414/tailwind-css-logo-centered

2条答案

按热度按时间

k3bvogb11#

试试这些：

1. Place-items : center;
 2. align-items : center;
 3. justify-content : center;

字符串

赞(0）回复(0）举报 12个月前

wyyhbhjk2#

为了使徽标真正居中，您将使用flex-grow和flex-basis。侧面将使用flex-grow: 1;和flex-basis: 0px;。这将使徽标保持在中心，并使侧面填充其余空间。
Tailwind类是grow（docs）和basis-0（docs）（Tailwind v3.4.0）
小提琴：https://jsfiddle.net/vkfn5ewa/10/

赞(0）回复(0）举报 12个月前

我来回答

Tailwind CSS logo居中

2条答案

相关问题

热门标签

最新问答