首頁 > web前端 > css教學 > 主體

如何使用 HTML 中的百分比設定表格單元格的最大寬度?

Mary-Kate Olsen
發布: 2024-11-13 09:39:02
原創
693 人瀏覽過

How can I Set Max-Width for Table Cells using Percentages in HTML?

使用百分比設定表格儲存格的最大寬度

在HTML 表格中,使用百分比設定表格儲存格的最大寬度屬性有時可以證明具有挑戰性。讓我們探討如何實現這個目標:

<br>
登入後複製
<br>
<td>Test</td>
<td>A long string blah blah blah</td>
登入後複製

<br>

<br> td {

max-width: 67%;
登入後複製

}<br><br>

由於CSS規則的限制,上面的程式碼可能不會產生預期的效果。為了克服這個問題,我們採用了鮮為人知的表格版面屬性:

<br>table {<br> width: 100%;<br> table-layout:fixed;<br> }<br>
登入後複製

透過將表格佈局設定為固定,瀏覽器會在表格儲存格之間均勻分配剩餘寬度,從而允許您根據需要設定最大寬度百分比。

在這裡查看更新的小提琴:http://jsfiddle.net/Fm5bM/4/ 以見證實際實施。

以上是如何使用 HTML 中的百分比設定表格單元格的最大寬度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板