Css 在表中使用省略号
在代码中,我试图将表保持在div内。表在100px div内的宽度为100% 问题在于内容的延伸。处理这个问题的最佳方法是什么Css 在表中使用省略号,css,Css,在代码中,我试图将表保持在div内。表在100px div内的宽度为100% 问题在于内容的延伸。处理这个问题的最佳方法是什么 #容器{ 宽度:100px; 边框:1px纯绿色; } 桌子{ 宽度:100%; 边框:1px纯蓝色; } 表分区{ 溢出:隐藏; 文本溢出:省略号; 空白:nowrap; 宽度:计算(100%-10px); } 1. abcdefghijklmnopqrstuvxyzyxwvutsrqponmljihgfedcba 尝试使用 表布局:固定 吃饭 或 尝试使用 表布
#容器{
宽度:100px;
边框:1px纯绿色;
}
桌子{
宽度:100%;
边框:1px纯蓝色;
}
表分区{
溢出:隐藏;
文本溢出:省略号;
空白:nowrap;
宽度:计算(100%-10px);
}
1.
abcdefghijklmnopqrstuvxyzyxwvutsrqponmljihgfedcba
尝试使用
表布局:固定
吃饭
或
尝试使用
表布局:固定
吃饭
或
应用
table td {
max-width: 0px;
}
正如本文所建议的那样
应用
table td {
max-width: 0px;
}
正如本文所建议的那样
尝试添加
表格布局:固定代码>到表
根据上述链接。。这里需要记住的是,表格非常努力地显示其中的所有内容,即使这意味着要改变规则。例如,如果100%不够,则忽略表{width:100%}
。所以,如果你实际上不需要桌子,试着不要。问题中的示例看起来更像一个有序列表,而不是一个表。请检查此链接:-尝试添加表布局:修复代码>到表
根据上述链接。。这里需要记住的是,表格非常努力地显示其中的所有内容,即使这意味着要改变规则。例如,如果100%不够,则忽略表{width:100%}
。所以,如果你实际上不需要桌子,试着不要。问题中的示例看起来更像一个有序列表而不是一个表。请检查此链接:-如果我们添加display:block
,则使用td
的全部目的将丢失。如果我们添加display:block
,则使用td
的全部目的将丢失。