Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.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_Width_Html Select_Html.dropdownlistfor - Fatal编程技术网

Css 无法限制<;选项>;宽度

Css 无法限制<;选项>;宽度,css,width,html-select,html.dropdownlistfor,Css,Width,Html Select,Html.dropdownlistfor,我有一个由一些数据库字段填充的选择框。有些字段太长,因此选项宽度没有结束。我想限制宽度,并使用text overflow属性显示省略号。但是,它不起作用 这就是我试图做到的: select option { display: block; text-overflow: ellipsis; max-width: 100px; } 你知道没有JS我怎么能做到这一点吗 非常感谢在这个链接上有一个类似的问题。在Chrome和safari中,可能无法显示省略号,您可能不得不忍受-

我有一个由一些数据库字段填充的选择框。有些字段太长,因此
选项
宽度没有结束。我想限制宽度,并使用
text overflow
属性显示省略号。但是,它不起作用

这就是我试图做到的:

select option {
    display: block;
    text-overflow: ellipsis;
    max-width: 100px;
}
你知道没有JS我怎么能做到这一点吗


非常感谢

在这个链接上有一个类似的问题。在Chrome和safari中,可能无法显示省略号,您可能不得不忍受-webkit外观:无


检查此问题谢谢您的提示