html 允许空白-nowrap文本向左溢出(Tailwind CSS)

uelo1irk 于 2023-04-27 发布在其他

关注(0)|答案(1)|浏览(123)

我遇到了一个居中文本的问题，它使whitespace-nowrap类只向右边溢出。我希望它仍然居中，向左边溢出的次数和向右一样多。

<div class="mr-[23px] items-center content-center justify-center">
   <span class="font-inter font-bold text-12px text-white w-[40px] text-center whitespace-nowrap"> 
     testtext
   </span>
</div>

Html

来源：https://stackoverflow.com/questions/75263910/allow-whitespace-nowrap-text-to-overflow-to-the-left-tailwind-css

1条答案

按热度按时间

lawou6xi1#

试试这个代码可以帮助你，如果你想要这个结果，让我知道。

<div class="bg-green-400 w-2/4 p-4 flex items-center justify-center overflow-x-scroll scroll-snap-type-x mandatory scroll-snap-align-center">
    <span class="font-inter font-bold text-md text-white w-full text-center whitespace-nowrap"> 
      Lorem ipsum dolor sit amet consectetur adipisicing elit. A cupiditate 
      distinctio suscipit incidunt itaque id eligendi, sit modi enim soluta libero inventore fugiat deleniti sequi facilis eum ipsum consequuntur ratione!
    </span>
 </div>

赞(0）回复(0）举报 2023-04-27

我来回答

html 允许空白-nowrap文本向左溢出(Tailwind CSS)

1条答案

相关问题

热门标签

最新问答