我怎样才能使这个文本响应？在顺风 css答案

【问题标题】：How can i make this text responsive? in tailwind css我怎样才能使这个文本响应？在顺风 css
【发布时间】：2022-09-23 19:57:51
【问题描述】：

how to hide or make that overflow hidden

客户的动机 “幸福是努力让别人幸福的副产品。”

    <div class=\"sm:grid sm:grid-cols-3 gap-4 mt-5\">
         <div class=\"mt-5\">
            <!-- <img src=\"image/review.png\" alt=\"\" class=\"\"> -->
            <div class=\"bg-slate-200 w-full max-h-48 sm:max-h-64 p-4 grid grid-rows-2\">

                    <div class=\"flex gap-5\">
                            <div class=\"\">
                                <div class=\"bg-black h-16 w-16\"></div>
                            </div>
                            <div class=\"-space-y-1\">
                                <p class=\"text-lg font-bold\">Adish Dahal</p>
                                <p class=\"text-xl font-bold\">
                                    <iconify-icon icon=\"emojione:star\"></iconify-icon>
                                    <iconify-icon icon=\"emojione:star\"></iconify-icon>
                                    <iconify-icon icon=\"emojione:star\"></iconify-icon>
                                    <iconify-icon icon=\"emojione:star\"></iconify-icon>
                                    <iconify-icon icon=\"emojione:star\"></iconify-icon>
                                </p>
                                <p class=\"text-sm font-light\">2078-05-06</p>

                            </div>
                    </div>

                    <div class=\"\">
                        <p class=\"text-justify\">
                            In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content <a href=\"#\" class=\"text-blue-500\">read more</a>
                        </p>
                    </div>
            </div>
         </div>

         
    </div>
</div>

标签： tailwind-css

【解决方案1】：

您可以通过应用overflow-hidden 实用程序来隐藏/隐藏溢出。

顺风文档通过许多示例获得了所有可能的选项；你应该看看docs。

Tailwind-play。

说您希望它具有响应性并不完全清楚您的意思，但是如果您希望文本的容器根据文本的长度改变其高度，则需要摆脱 max-h-48 sm:max-h-64 实用程序。

【讨论】：

【解决方案2】：

嗨，请查看我的 youtube 频道如果您喜欢该内容，请确保订阅https://youtube.com/channel/UCU9cfufy_kicmdo-d0cG3YA

请访问一次并结帐

【讨论】：