我在我的 ASP.NET
MVC 网站中使用 MVCGrid.net,在某些情况下,当没有足够的空间时,网格会将列的标题移动到排序的顶部或底部它右边的图标。
这是一个例子:
有什么方法可以强制标题和图标始终保持在同一行,而不是移动到彼此的上方或下方?
我已经尝试过使用 white-space: nowrap
、overflow: hidden
和 display: inline-block
但这些都没有解决问题.我目前使用 min-width
作为临时解决方案,但这不是很优雅,并且取决于列标题的长度。
最佳答案
white-space: nowrap
应该可以解决问题,但要使其正常工作,您需要将 table
元素设置为 table-layout:fixed;
关于css - MVCGrid.net - 将列标题和排序图标保持在一行中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55899039/