草庐IT

awesome-page

全部标签

html - Angular Material : full page tabs size

我试图占据整个页面的空间,但我似乎无法在angular-material0.10.0上获得选项卡的高度,除非我添加.ng-scope{height:100%;。有没有更好的方法实现全页标签?完整测试代码:(和here)Testvarapp_module=angular.module('app',['ngMaterial']);varapp=document.querySelector('[ng-app=app]');app_module.controller('appController',function($scope){});app_module.config(function($

html - Angular Material : full page tabs size

我试图占据整个页面的空间,但我似乎无法在angular-material0.10.0上获得选项卡的高度,除非我添加.ng-scope{height:100%;。有没有更好的方法实现全页标签?完整测试代码:(和here)Testvarapp_module=angular.module('app',['ngMaterial']);varapp=document.querySelector('[ng-app=app]');app_module.controller('appController',function($scope){});app_module.config(function($

jQuery 手机 : Use same header footer for all pages

我正在尝试实现一些代码来在我的所有网页上创建页眉和页脚,而不是对它们进行硬编码。我试过这个:我在我的“主页”中有这个,我刚刚调用将我想要的标题包装在一个div中。Title然后在我的其他页面中:然后我补充说:$(".headerChild").html($("#headerProto").html());没有骰子。无论哪种方式,这都是对我应该如何做的完全猜测。有没有更好的办法? 最佳答案 使用.load()可能会有所帮助,然后只需将要包含的代码放入要链接到的文件中即可。$('.headerChild').load('pathto/h

jQuery 手机 : Use same header footer for all pages

我正在尝试实现一些代码来在我的所有网页上创建页眉和页脚,而不是对它们进行硬编码。我试过这个:我在我的“主页”中有这个,我刚刚调用将我想要的标题包装在一个div中。Title然后在我的其他页面中:然后我补充说:$(".headerChild").html($("#headerProto").html());没有骰子。无论哪种方式,这都是对我应该如何做的完全猜测。有没有更好的办法? 最佳答案 使用.load()可能会有所帮助,然后只需将要包含的代码放入要链接到的文件中即可。$('.headerChild').load('pathto/h

html - 如何将 Font Awesome 图标添加到 <input> 按钮中?

我正在尝试添加带有FontAwesome图标。我可以使用超链接或按钮来实现这一点,但如果我沿着这条路走下去,我需要使用jQuery/JS来清除表单,我暂时试图避免这种情况。我很好奇是否有可能达到相同的结果。请参阅JSFiddle明白我的意思。InputReset:ClearButton:ClearAnchor:Clear如果没有其他方法,我将实现一个jQuery解决方案。 最佳答案 是自闭标签,里面不允许有任何其他元素。以下是将其作为内联图标的所有3种可能选项。JsFiddledemo1.包裹和按钮变成标签,带有一些自定义样式。sp

html - 如何将 Font Awesome 图标添加到 <input> 按钮中?

我正在尝试添加带有FontAwesome图标。我可以使用超链接或按钮来实现这一点,但如果我沿着这条路走下去,我需要使用jQuery/JS来清除表单,我暂时试图避免这种情况。我很好奇是否有可能达到相同的结果。请参阅JSFiddle明白我的意思。InputReset:ClearButton:ClearAnchor:Clear如果没有其他方法,我将实现一个jQuery解决方案。 最佳答案 是自闭标签,里面不允许有任何其他元素。以下是将其作为内联图标的所有3种可能选项。JsFiddledemo1.包裹和按钮变成标签,带有一些自定义样式。sp

html - 在 anchor 文本上保留下划线,但不在 anchor 中的 Font Awesome 图标上

我有以下标记:Feedback悬停时,我希望文本带有下划线,但字体超棒的图标不会。我知道你可以在图标上做“文本装饰:无”(有效)但是当你将鼠标悬停在文本部分时它仍然会在图标上添加下划线。有什么想法吗?http://jsfiddle.net/ZZEQd/ 最佳答案 我发现了一种不需要额外span标签的方法,它适用于我尝试过的所有浏览器(FF/Chrome/Safari/Opera)...除了IE8(我也没有在IE9或10中测试过)。只需将图标声明为display:inline-block,悬停时不再有下划线。示例:http://jsf

html - 在 anchor 文本上保留下划线,但不在 anchor 中的 Font Awesome 图标上

我有以下标记:Feedback悬停时,我希望文本带有下划线,但字体超棒的图标不会。我知道你可以在图标上做“文本装饰:无”(有效)但是当你将鼠标悬停在文本部分时它仍然会在图标上添加下划线。有什么想法吗?http://jsfiddle.net/ZZEQd/ 最佳答案 我发现了一种不需要额外span标签的方法,它适用于我尝试过的所有浏览器(FF/Chrome/Safari/Opera)...除了IE8(我也没有在IE9或10中测试过)。只需将图标声明为display:inline-block,悬停时不再有下划线。示例:http://jsf

html - Font Awesome 图标并不总是显示在最新的谷歌浏览器版本 32.0.1700.76 m

我使用的是最新的谷歌浏览器。它一发布,我就注意到一些FontAwesome图标无法正确显示。相反,我只看到一个方框。即使在所有页面都已加载并且我等待一分钟后,这也不会改变。当我将鼠标悬停在它们上方时,图标就会出现。这可以通过转到以下URL查看:http://fontawesome.io/icons/有没有其他人注意到这一点。我认为它会影响所有拥有新浏览器的人。请注意,有一天它可以正常工作并显示所有图标,第二天有一些我看不到的图标。也许这是时间问题。我的连接速度相当慢。 最佳答案 问题似乎与某些chrome扩展有关。在我的例子中,我禁

html - Font Awesome 图标并不总是显示在最新的谷歌浏览器版本 32.0.1700.76 m

我使用的是最新的谷歌浏览器。它一发布,我就注意到一些FontAwesome图标无法正确显示。相反,我只看到一个方框。即使在所有页面都已加载并且我等待一分钟后,这也不会改变。当我将鼠标悬停在它们上方时,图标就会出现。这可以通过转到以下URL查看:http://fontawesome.io/icons/有没有其他人注意到这一点。我认为它会影响所有拥有新浏览器的人。请注意,有一天它可以正常工作并显示所有图标,第二天有一些我看不到的图标。也许这是时间问题。我的连接速度相当慢。 最佳答案 问题似乎与某些chrome扩展有关。在我的例子中,我禁