Bagaimana untuk Memotong Sel Jadual Secara Sekata Tanpa Menyembunyikan Kandungan Penting?

Susan Sarandon
Lepaskan: 2024-11-01 14:32:29
asal
1036 orang telah melayarinya

How to Truncate Table Cells Evenly Without Hiding Important Content?

Memenggal Sel Jadual tanpa menjejaskan Keterlihatan Kandungan

Fred, meja yang mempunyai masalah unik, mempunyai sel yang berubah saiz tanpa diduga. Untuk mengelakkan selnya daripada bertindih dan menyebabkan huru-hara, dia telah menemui penyelesaian: memotong kandungan sel. Walau bagaimanapun, pendekatan ini mempunyai kelemahan - satu sel mungkin dipenggal lebih banyak daripada yang lain, meninggalkan kandungan berharga tersembunyi.

Untuk menangani masalah Fred, penyelesaian muncul melibatkan penggunaan dan berbilang lajur. Dengan menetapkan lebar lajur kedua kepada 0%, lajur pertama diberikan semua lebar yang tersedia untuk kandungannya. Yang penting, lebar maks digunakan pada lajur pertama, memastikan ia tidak akan mengembang melebihi saiz asalnya.

Penyelesaian ini membolehkan sel melimpah secara sekata, memastikan kedua-dua sel boleh memaparkan seberapa banyak kandungannya mungkin tanpa mengorbankan reka letak keseluruhan jadual.

Berikut ialah kod yang melaksanakan penyelesaian ini:

<code class="html"><table border="1" style="width: 100%;">
    <colgroup>
        <col width="100%" />
        <col width="0%" />
    </colgroup>
    <tr>
        <td style="white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px;">
            This cell has more content.This cell has more content.This cell has more content.This cell has more content.This cell has more content.This cell has more content.
        </td>
        <td style="white-space: nowrap;">
            Less content here.
        </td>
    </tr>
</table></code>
Salin selepas log masuk

Dengan mengikuti pendekatan ini, Fred boleh mencapai matlamatnya untuk memotong sel jadual tanpa mengorbankan keterlihatan kandungan penting, memastikan pengalaman meja yang lebih seimbang dan mesra pengguna.

Atas ialah kandungan terperinci Bagaimana untuk Memotong Sel Jadual Secara Sekata Tanpa Menyembunyikan Kandungan Penting?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan