小编Han*_*Koh的帖子

无法在 Tailwind CSS 表中进行换行

有人可以帮助解决这个问题吗?我想在触摸单元格边框时断行,但是您可以在右下角(最后一行,“原因”列)看到,这是一个很长的......原因在击中时没有断线边界。我尝试过固定表格、断字等方法,但对我来说都没用。请问可能是什么原因呢?

(抱歉,HTML 代码可能看起来有点混乱,因为我一直在尝试不同的方式。)

在此输入图像描述

<div class="-my-2 overflow-hidden sm:-mx-6">
    <div class="py-2 align-middle inline-block sm:px-6 lg:px-8">
        <div class="shadow overflow-hidden border-b border-gray-200 sm:rounded-lg">
            <table class="divide-y divide-gray-200 table-fixed">
                <thead class="bg-gray-50">
                <tr>
                    <th class="w-1/2 px-6 py-3 bg-gray-200 text-left text-xs font-medium text-gray-800 uppercase tracking-wider">
                        Requestor
                    </th>
                    ......
                    <th class="w-1/2 px-6 py-3 bg-gray-200 text-left text-xs font-medium text-gray-800 uppercase tracking-wider">
                        Reason
                    </th>
                    @can('manage-users')
                        <th scope="col" class="relative px-6 py-3 bg-gray-200 ">
                            <span class="sr-only">Edit</span>
                        </th>
                    @endif
                </tr>
                </thead>
                <tbody class="bg-white divide-y divide-gray-200">
                @foreach ($applications as $application)
                    <tr>
                        <td class="px-6 …
Run Code Online (Sandbox Code Playgroud)

html css laravel laravel-blade tailwind-css

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

html ×1

laravel ×1

laravel-blade ×1

tailwind-css ×1