UI 网格 CSS 不起作用

Posted 2023-03-06

【中文标题】UI 网格 CSS 不起作用

【英文标题】：UI Grid CSS not working

【发布时间】：2015-07-07 15:02:32

【问题描述】：

我尝试使用 UI 网格（ngGrid 的最新版本）创建一个网格，它是不稳定的版本并集成在我当前的项目中。

它没有根据需要正确显示（图标角度向下和行选择图标）在项目中包含 CSS 文件时（通过下载文件和上传）它给我显示错误，如下所示。

但是，如果我直接在我的项目中提供 CSS 文件的网址......它显示正确。

//web url: 
<link rel="stylesheet" href="http://ui-grid.info/release/ui-grid-unstable.css" type="text/css">

//my url
<link href="~/Scripts/ui-grid-unstable.css" rel="stylesheet" />

我不想依赖网页 URL 来显示...有什么我可以实施的解决方案吗？

请参考使用网络链接前后的图片。

图片链接：http://postimg.org/image/omhlfs8nd/

顶部是它应该如何，底部是解释我的显示错误。

感谢您的宝贵时间。

【问题讨论】：

您是否尝试从网址中删除 ~ 字符？

我认为这不会有帮助，因为 ~ 代表根路径

不是真的，如果你想代表根路径就说 href="/Scripts/ui-grid-unstable.css"

是的，实际上我尝试删除 ~ 并且它给了我 404。但是当我把它放回去时，它工作正常。

如果你在 plnkr 中尝试这个，你能分享一下 plnkr 的网址吗？

【参考方案1】：

添加到以前的 cmets 以下载 tff、svg 和 woff 文件： 您还需要下载 ui-grid.eot 以使其完美。

【参考方案2】：

这是一个简单的错误。确保您的 css 文件夹中有来自 ui-grid 下载的 ttf、woff 和 svg 文件。从您的代码中，您应该将它放在 ~/Scripts/ 文件夹下。

【讨论】：

谢谢你......当我在 plunkr 中创建这个网格时，我想我不需要字体文件......但是当我在我的项目中安装它时，我应该包含这些文件。这是仪式吗？

是的。如果您不将文件保存在本地服务器中，则需要拥有它们。