Tag: html

CSS的包装在div中

我有一个宽度为250px的div。 当这个密文比我想要分解的更宽时。 div是float:left,现在溢出了。 我希望滚动条通过使用文字包装消失。 我怎么能做到这一点? <div id="Treeview"> <div id="HandboekBox"> <div id="HandboekTitel"> <asp:Label ID="lblManual" runat="server"></asp:Label> </div> <div id="HandboekClose"> <asp:ImageButton ID="btnCloseManual" runat="server" ImageUrl="Graphics/close.png" onclick="btnCloseManual_Click" BorderWidth="0" ToolTip="Sluit handboek" /> </div> </div> <asp:TreeView ID="tvManual" runat="server" RootNodeStyle-CssClass="RootNode"> <Nodes> </Nodes> </asp:TreeView> </div> CSS: #Treeview { padding-right: 5px; width: 250px; height: 100%; float: left; border-right: solid 1px black; overflow-x: scroll; }

如何使<a href="">链接看起来像一个button?

我有这个button图像: 我想知道是否有可能做出一个简单的<a href="">some words</a>和风格的链接显示为该button? 如果可能的话,我该怎么做?

如何在没有实际Retina显示的情况下在Windows上testingRetina的网站?

有没有一种方法来模拟在Windows上的视网膜显示器来testing网站HiVidei显示,如视网膜? 我在一台标准的24英寸1920×1080显示器上运行Windows,昨晚我检查了我的网站上的一个朋友全新的15“Retina MacBook Pro和graphics看起来都模糊(远远比一般的15英寸的MacBook),而字体是超级清脆锐利,使得标识由于直接比较而显得更加糟糕。 我已经按照这个教程来使我的网站准备好了: How to Create Retina Graphics for your Web Designs 我使用了retina.js方法,因为我没有任何背景图片。 有没有什么方法可以testing这个实际工作? 显然,我可以问我的朋友使用他的视网膜笔记本电脑,但这不是一个可行的工作stream程。 我希望能够在我自己的环境中至less粗略地testingRetina兼容性的网站。

如何使DIV可见和不可见的JavaScript

你能做点什么吗? function showDiv() { [DIV].visible = true; //or something } 对不起,如果这是广泛的。

如何将twitter引导标签集中在页面上?

我使用twitter引导来创build可切换的选项卡。 这是我使用的CSS: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> 这个html显示正确的标签,但拉到左侧(这是应该发生的)。 我已经尝试过修改CSS来让页面居中,但没有运气。 我以为有更多的CSS经验的人会知道如何做到这一点。 作为一个说明,还有一个关于集中导航药丸的问题,我尝试了,但它不适用于简单的导航选项卡。 谢谢。

强制页面滚动位置在页面刷新页面顶部

我正在build立一个网站,我与div发布。 在滚动到位置X后刷新页面时,页面将以滚动位置加载为X. 我如何强制页面滚动到页面刷新顶部? 我能想到的是一些JS或jQuery作为页面的onLoad()函数运行,以将页面滚动到顶部。 但我不知道我该怎么做。 一个更好的select是,如果有一些属性或东西的页面加载其默认的滚动位置(即在顶部),这将有点像页面加载 ,而不是页面刷新 。

为GmaildeviseHTML电子邮件

我正在生成一个使用内部样式表的HTML电子邮件,即 <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo> </body> </html> 在Gmail中查看时,似乎内部样式表中的所有样式都被忽略。 Gmail似乎忽略了内嵌规则以外的所有样式,例如 <h2 style="color: red">Email content here</foo> 这是我使用Gmail查看HTML电子邮件的唯一select吗?

<script>标签vs <script type ='text / javascript'>标签

注意:这不重复。 我问是否与不同的networking服务器不同。 我只是想知道,有什么区别 <script> 和 <script type = 'text/javascript'> 对于不同的networking服务器是不同的? 例如(我知道从w3schools提供一个链接是不正确的,但看起来) http://www.w3schools.com/js/tryit.asp?filename=tryjs_myfirst 使用chrome,我访问了w3schools,我意识到<script>标签是我所需要的。 但是,当我做了一个脱机的JavaScripttesting,我意识到我需要的 <script type = 'text/javascript'> 标签。 这是为什么?

禁用android的chrome下拉刷新function

我为我的公司创build了一个小型的HTML5 Web应用程序。 此应用程序显示项目的列表,一切工作正常。 该应用程序主要用于Android手机和Chrome浏览器。 此外,该网站保存在主屏幕上,所以Androidpipe理整个事情作为一个应用程序( 使用WebView我猜 )。 Chrome Beta(我认为Android系统WebView)也引入了“下拉刷新”function( 请参阅此链接 )。 这是一个方便的function,但我想知道是否可以禁用一些元标记(或JavaScript的东西),因为刷新可以很容易地触发用户在浏览列表和整个应用程序重新加载时触发。 这也是应用程序不需要的function。 我知道这个function只能在Chrome beta版本中使用,但是我也有这种感觉,就是在稳定的应用程序上登陆。 谢谢! 编辑:我已经卸载了Chrome浏览器testing版,并且固定到主屏幕的链接现在以稳定的Chrome打开。 所以固定链接从Chrome开始,而不是一个Web视图。 编辑:今天(2015-03-19)下拉刷新已经到了稳定的铬。 编辑:从@Evyn答案我按照这个链接,并得到这个JavaScript / jQuery的代码工作。 var lastTouchY = 0; var preventPullToRefresh = false; $('body').on('touchstart', function (e) { if (e.originalEvent.touches.length != 1) { return; } lastTouchY = e.originalEvent.touches[0].clientY; preventPullToRefresh = window.pageYOffset == 0; }); $('body').on('touchmove', function (e) { var […]

如何将HTML <FORM>显示为内联元素?

这可能是一个基本的HTML / CSS的问题… 我有一个简单的一键式表单,我想在段落文本中内联显示。 <p>Read this sentence <form style='display:inline;'> <input style='display:inline;' type='submit' value='or push this button'/> </form>. </p> 即使表单具有style = display:inline属性,我在表单之前得到一个换行符。 有没有办法摆脱它? 可以形成元素出现在<p>里面吗?