Html 如果内容过长,请使用省略号水平滚动
仅适用于移动设备,我正在滚动现有导航选项卡。 但是,根据标签内容的不同,您甚至不知道右侧会不时出现更多的内容。我很想显示省略号点,但是文本溢出:省略号在这里似乎不起作用。任何帮助都将不胜感激 结果应为=>“巴塞尔法兰克福…”Html 如果内容过长,请使用省略号水平滚动,html,css,Html,Css,仅适用于移动设备,我正在滚动现有导航选项卡。 但是,根据标签内容的不同,您甚至不知道右侧会不时出现更多的内容。我很想显示省略号点,但是文本溢出:省略号在这里似乎不起作用。任何帮助都将不胜感激 结果应为=>“巴塞尔法兰克福…” #容器{ 宽度:200px; } 保险商实验室{ 列表样式类型:无; } 李{ 右边距:10px; } .导航标签{ 溢出-x:自动; 溢出y:隐藏; 显示:-网络工具包盒; 显示器:-moz盒; } .导航选项卡>a{ 浮动:无; } 我认为不能在容器元
#容器{
宽度:200px;
}
保险商实验室{
列表样式类型:无;
}
李{
右边距:10px;
}
.导航标签{
溢出-x:自动;
溢出y:隐藏;
显示:-网络工具包盒;
显示器:-moz盒;
}
.导航选项卡>a{
浮动:无;
}
我认为不能在容器元素上设置文本溢出。它必须设置在直接包含文本的元素上。我不认为这正是你想要的,但它会起作用的。它至少可以给你一个想法,让你朝着另一个解决方案努力
#容器{
宽度:200px;
}
保险商实验室{
列表样式类型:无;
}
李{
右边距:10px;
宽度:100%;
溢出:隐藏;
空白:nowrap;
文本溢出:省略号;
}
.导航标签{
显示:-网络工具包盒;
显示器:-moz盒;
}
.导航选项卡>a{
浮动:无;
}
-
我认为不能在容器元素上设置文本溢出。它必须设置在直接包含文本的元素上。我不认为这正是你想要的,但它会起作用的。它至少可以给你一个想法,让你朝着另一个解决方案努力
#容器{
宽度:200px;
}
保险商实验室{
列表样式类型:无;
}
李{
右边距:10px;
宽度:100%;
溢出:隐藏;
空白:nowrap;
文本溢出:省略号;
}
.导航标签{
显示:-网络工具包盒;
显示器:-moz盒;
}
.导航选项卡>a{
浮动:无;
}
-
文本溢出省略号处理内容,而不是子元素。
对于移动版本,请使用另一种类似于此的方式文本溢出省略号处理内容,而不是子元素。
对于移动版本,请使用另一种类似的方式不幸的是,我无法替换