Html 根据容器宽度减小标签文本大小_Html_Css_Asp.net

Html 根据容器宽度减小标签文本大小

html css asp.net

Html 根据容器宽度减小标签文本大小,html,css,asp.net,Html,Css,Asp.net,我有一个带有显示名的边栏，问题是如果用户名太长，它将超出容器。我尝试使用jQueryFittext，但除非我做错了什么，否则它似乎不能满足我的要求。即使我更改了浏览器窗口的大小，并且名称所在的容器没有任何更改，也始终会调用调整大小的函数。有没有办法使文本适合容器而不超出容器这实际上在纯CSS中是可能的这里有一篇很棒的文章：更新使用纯CSS的问题是文本总是适合视口。以下自定义解决方案仅在文本溢出包含框时更改文本大小：jsfiddle.net/0swbytek这不是我要找的，我只想在侧边栏中

我有一个带有显示名的边栏，问题是如果用户名太长，它将超出容器。我尝试使用jQueryFittext，但除非我做错了什么，否则它似乎不能满足我的要求。即使我更改了浏览器窗口的大小，并且名称所在的容器没有任何更改，也始终会调用调整大小的函数。有没有办法使文本适合容器而不超出容器

这实际上在纯CSS中是可能的

这里有一篇很棒的文章：

更新

使用纯CSS的问题是文本总是适合视口。以下自定义解决方案仅在文本溢出包含框时更改文本大小：jsfiddle.net/0swbytek

这不是我要找的，我只想在侧边栏中文本过长时减小字体是的！确切地到目前为止，我能做的最好的事情就是显示省略号来隐藏溢出的文本