Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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
Html 如果内容过长,请使用省略号水平滚动_Html_Css - Fatal编程技术网

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{
浮动:无;
}


文本溢出省略号处理内容,而不是子元素。
对于移动版本,请使用另一种类似于此的方式

文本溢出省略号处理内容,而不是子元素。
对于移动版本,请使用另一种类似的方式

不幸的是,我无法替换
  • 内容并将其合并为一个。对于静态页面来说,这无论如何都是一个不错的解决方案!不幸的是,我无法替换
  • 内容并将其合并为一个。对于静态页面来说,这无论如何都是一个不错的解决方案!是的,我得和这里的负责人谈谈。用垂直的方式做会更好。谢谢!他们说在我们有5到6个标签的页面上这是个问题。时间越来越长了。。。rolleyes…..不,这不是问题,因为当它变长时,你会把滚动条放在那里,所以它工作得很好。是的,必须和这里的负责人谈谈。用垂直的方式做会更好。谢谢!他们说在我们有5到6个标签的页面上这是个问题。时间越来越长了。。。rolleyes…..不,这不是问题,因为当它变长时,你会把滚动条放在那里,所以它工作得很好。