Tag: html

使主滚动条始终可见

当用户访问网页时（当页面没有足够的内容来触发滚动条的激活时），使浏览器的垂直滚动条保持可见状态所需的CSS是什么？

Flexbox替代IE9

我最初开发了一个使用Chrome的网站（最容易devise），但现在我正在使用IE支持模式。 这就是说，我从IE11开始，并对IE和Chrome之间的奇怪差异做了必要的修改。 但现在我正在降低IE版本。 我能够得到90％的网页正确显示与IE10的CSS。 但是现在我对这两个浏览器的大部分CSS元素，对于IE9来说大部分是不相关的。 如果可能的话，我想避免需要多个浏览器特定的样式表。 第一个问题是转换CSS的flexbox模型的IE10 +实现。 当前Flexbox容器的实现： div#navContainer{ display: flex; //Current browsers (IE11, Chrome, etc) display: -ms-flexbox; //IE10 implementation } div#TeamsSection { text-align: center; } div.NavSection { margin: 0px 7px; padding: 4px 0px 0px 0px; } div#teams { margin: 0px; select { margin: 0px; } } HTML： <div id="navContainer" class="float-left"> <div id="LogoSection" class="NavSection"> […]

当float：left被设置时，将div扩展到最大宽度

我有这样的事情： <div style="width:100px;float:left">menu</div> <div style="float:left">content</div> 两个花车是必要的。 我希望内容div填充整个屏幕减去菜单的100px。 如果我不使用浮动的div扩大完全是因为它应该。 但是，如何设置浮动时设置？ 如果我使用某物 style=width:100% 那么内容div得到的父母的大小，这是身体或另一个div我也试过，所以当然不适合菜单的权利，然后显示在下面。

固定表格单元宽度

很多人仍然使用表来布局控件，数据等 – 这是一个stream行的jqGrid的例子。 然而，有一些魔法发生，我似乎无法理解（它的桌子大声哭喊，可能会有多less魔法？） 怎么可能设置一个表的列宽，并像jqGrid一样遵守！？ 如果我试图复制这个，即使我设置了每一个<td style='width: 20px'> ，一旦这些单元格的内容大于20像素，单元格就会展开！ 任何想法或见解？

SPAN与DIV（内嵌块）

是否有任何理由使用<div style="display:inline-block">而不是<span>来布置网页？ 我可以把内容嵌套在跨度内吗？ 什么是有效的，什么不是？ 用这个来制作像布局一样的3×2表是可以的。 <div> <span> content1(divs,p, spans, etc) </span> <span> content2(divs,p, spans, etc) </span> <span> content3(divs,p, spans, etc) </span> </div> <div> <span> content4(divs,p, spans, etc) </span> <span> content5(divs,p, spans, etc) </span> <span> content6(divs,p, spans, etc) </span> </div>

如何使用CSS围绕一个数字用圆圈？

我想围绕像这个图像中的一个数字： 这是可能的，它是如何实现的？

用jQuery删除表格行的最佳方法是什么？

用jQuery去除表格行的最佳方法是什么？

多个JavaScript / css文件：最佳实践？

我现在有大约7个Javascript文件（感谢各种jQuery插件）和4-5个CSS文件。 我很好奇，处理这些问题的最佳做法是什么，包括文档中应该加载的地方？ YSlow告诉我，JavaScript文件应该尽可能包含在最后。 身体的尽头？ 它提到的是分隔符似乎是他们写内容。 我所有的Javascript文件都是函数和jQuery代码（全部在ready（））时完成，所以应该是OK的。 那么我应该包括一个CSS和一个Javascript文件，并包含其余的？ 我应该把所有的文件连成一个吗？ 我应该把Javascript标签放在文档的最后？ 编辑： FWIW是的，这是PHP。

混淆网站上的电子邮件地址的最佳方法？

我花了几天的时间来更新我的个人网站。 我的个人网站的url是（我的名字）（我的姓）.com，因为我的姓氏很不寻常，而且我很幸运地拿起域名。 我的电子邮件地址是（我的名字）@（我的姓）.com。 所以，真的，当它来到猜测，这不是很难。 无论如何，我想整合一个mailto：链接到我的网站，所以人们可以联系我。 而且，尽pipe我的电子邮件地址不是很难猜到，但我宁愿没有通过垃圾邮件机器人收集垃圾邮件，他们只是抓取网站的电子邮件地址模式，并将其添加到他们的数据库。 什么是我最好的方式来混淆我的电子邮件地址，最好是链接forms？ 我所知道的方法是： <a href="mailto:x@y.com">e-mail me</a> 它的工作原理，但也意味着，一旦我的网站打到谷歌，我会涉水通过垃圾邮件作为垃圾邮件机器人轻松挑选我的电子邮件地址。 <img src="images/e-mail.png" /> 这是不太可取的，因为不仅游客不能点击它给我发送电子邮件，但更聪明的垃圾邮件机器人可能会检测到图像包含的字符。 我知道可能没有完美的解决scheme，但我只是想知道大家认为最好的。 我肯定愿意使用JavaScript，因为我的网站已经使用了它的吨。

如果向下滚动屏幕，请将div粘贴到屏幕顶部

我有一个div，当我的网页第一次加载时，从顶部大约100px（它拥有一些button等页面）。 当用户滚动过去时，我想让div“跟随”用户，因为它附着在屏幕的顶部。 当用户返回到页面顶部时，我希望它回到原来的位置。 Visualization – xxxxx is the div: Default (page load) User vertically scrolled well past it ——— ——— | | |xxxxxxx| < after div reaches top of screen when |xxxxxxx| | | page is scrolled vertically, it stays | | | | there ——— ———