简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

固定 table宽度 table-layout: fixed_HTML/Xhtml_网页制作

WBOY
Libérer： 2016-05-16 16:37:48
original
1209 Les gens l'ont consulté

为了让表格能够填充屏幕(剩余空白区域)，常将其宽度属性定义为：100%，单元格也是用百分数来定义。

但这样就会出现问题： 如果单元格中的文本超过宽度限制，就会自动换行，高度自动增高，导致整个表格的样式参差不齐，很难看。

很容易想到的解决方法是，禁用文本换行： white-space:nowrap; overflow:hidden;

So easy! 但效果仍然出乎意料：文本全部在一行显示，宽度自动加宽，甚至还超出了父容器，overflow完全没有起作用！

怎么回事？ 百分比的原因么？ 但是如果使用静态的固定宽度，就失去了表格的灵活性。

于是乎，不费吹飞之力地找到了终极解决方案： 固定表格宽度： table-layout: fixed;

顺便做了个简易的效果图，参考下：

Étiquettes associées：
table largeur fixe
source：php.cn
Article précédent：表单Form元素的一些简单实现代码以注册为例_HTML/Xhtml_网页制作 Article suivant：HTML列表标签dl、ul、ol 的使用示例_HTML/Xhtml_网页制作
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Quelle est la différence entre Text et LongText dans la migration Laravel ? Les parties du fichier de migration sont répertoriées ci-dessous : Schema::create('samples...
Depuis 2023-11-08 16:42:35
0
2
278
sqlalchemy.exc.ArgumentError : l'argument de liste doit contenir uniquement des tuples ou des dictionnaires J'ai essayé d'utiliser sqlalchemy pour transférer des données dans une base de données MyS...
Depuis 2023-11-07 21:06:02
0
1
286
Schéma de base de données Laravel, clés étrangères nullables J'ai ces deux tables de base de données : Table utilisateur Table partenaire La table util...
Depuis 2023-10-17 14:43:49
0
2
294
Les instructions PHP PDO peuvent-elles accepter les noms de tables ou de colonnes comme paramètres ? Pourquoi ne puis-je pas transmettre un nom de table à une instruction PDO préparée ? $stmt...
Depuis 2023-10-17 12:46:05
0
2
247
Comment protéger PHP de l'injection SQL ? Si une entrée utilisateur est insérée dans une requête SQL sans modification, l'applicatio...
Depuis 2023-10-08 15:42:46
0
2
265
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！