Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在表中使用省略号_Css - Fatal编程技术网

Css 在表中使用省略号

Css 在表中使用省略号,css,Css,在代码中,我试图将表保持在div内。表在100px div内的宽度为100% 问题在于内容的延伸。处理这个问题的最佳方法是什么 #容器{ 宽度:100px; 边框:1px纯绿色; } 桌子{ 宽度:100%; 边框:1px纯蓝色; } 表分区{ 溢出:隐藏; 文本溢出:省略号; 空白:nowrap; 宽度:计算(100%-10px); } 1. abcdefghijklmnopqrstuvxyzyxwvutsrqponmljihgfedcba 尝试使用 表布局:固定 吃饭 或 尝试使用 表布

在代码中,我试图将表保持在div内。表在100px div内的宽度为100%

问题在于内容的延伸。处理这个问题的最佳方法是什么

#容器{
宽度: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
的全部目的将丢失。