Tag: html

如何在Flexbox中垂直alignment文本？: 我想使用弹性框来垂直alignment<li>某些内容，但是没有成功。我在网上查了一下，许多教程实际上使用了一个包装div，它从父级的flex设置中获取align-items:center ，但是我想知道是否可以删除这个额外的元素？我select在这个实例中使用弹性框，因为列表项高度将是一个dynamic％。 * { padding: 0; margin: 0; } html, body { height: 100%; } ul { height: 100%; } li { display: flex; justify-content: center; align-self: center; background: silver; width: 100%; height: 20%; } <ul> <li>This is the text</li> </ul>

在HTML中呈现string并保留空格和换行符: 我有一个MVC3应用程序，有一个详细信息页面。作为一部分，我有一个描述（从数据库检索），有空格和新行。当它被渲染时，新的行和空格被html忽略。我想编码这些空格和新行，以便不被忽略。你是怎样做的？我尝试了HTML.Encode，但它最终显示的编码（甚至不是在空格和新行，但在其他一些特殊字符）

input触发button点击: 我有一个页面有两个button。一个是<button>元素，另一个是<input type="submit"> 。 button按顺序出现在页面上。如果我在表单中的任何位置的文本字段中，然后按<Enter> ，则触发button元素的click事件。我认为这是因为button元素第一。我找不到任何看起来像设置默认button的可靠方法，也不一定要在这一点上。在没有任何更好的情况下，我已经捕获了表单上任何地方的按键，如果是按下的<Enter>键，我只是否定它： $('form').keypress( function( e ) { var code = e.keyCode || e.which; if( code === 13 ) { e.preventDefault(); return false; } }) 据我目前所知，这似乎在起作用，但感觉令人难以置信。有没有人知道这样做的更复杂的技术？同样，这个解决scheme有什么缺陷，我只是不知道？谢谢。

从底部到顶部堆叠Div: 将div附加到具有固定高度的div时，子div将从上到下出现，并粘在顶部边框上。 ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ 我现在试图从下往上显示它们（坚持下边框）： ┌─────────────────────────┐ │ │ │ │ │ │ │ Child Div 1 │ │ Child Div 2 │ └─────────────────────────┘ ┌─────────────────────────┐ │ │ │ │ │ Child Div 1 │ │ Child Div 2 │ │ Child […]

HTML文本溢出省略号检测: 我有一个页面上的块元素的集合。它们都具有CSS规则的空白，溢出，文本溢出设置，使得溢出的文本被修剪并使用省略号。但是，并不是所有的元素溢出。有反正我可以使用JavaScript来检测哪些元素溢出？谢谢。新增：我正在使用的HTML结构示例。 <td><span>Normal text</span></td> <td><span>Long text that will be trimmed text</span></td> SPAN元素总是适合单元格，他们应用了省略号规则。我想要检测省略号是否应用于SPAN的文本内容。

如何做一个锚标签什么都没有提到？: 我使用jQuery，我需要使一些锚标签不执行任何操作。我通常这样写： <a href="#">link</a> 但是，这是指页面的顶部！

以行内forms引导全宽文本input: 我正在努力创build一个适合我的容器区域的整个宽度的文本框。 <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> 当我这样做的时候，这两个表单元素就像我所期望的那样是内联的，但是最好不要超过几列。将鼠标hover在萤火虫的col-md-12 div上显示它占用了预期的全宽。这只是文字input，似乎并没有填补。我甚至尝试添加一个内联宽度值，但它没有改变任何东西。我知道这应该是简单的，只是现在感觉真的很愚蠢。这是一个小提琴： http : //jsfiddle.net/52VtD/4119/embedded/result/ 编辑：所选的答案在每个方面都是彻底的，是一个很好的帮助。这就是我最终使用的。不过，我认为我最初的问题实际上是Visual Studio 2013中的默认MVC5模板的一个问题。它包含在Site.css中： input, select, textarea { max-width: 280px; } 显然，这是阻止文本input适当扩大…公平的警告未来的ASP.NET模板用户…

如何为您的网站添加谷歌浏览器多function框search支持？: 当我在Google Chrome多function框中input一些url时，我在其中看到消息“按TABsearch$ URL”。例如，有一些俄罗斯网站habrahabr.ru或yandex.ru。当你按Tab键时，你可以在该网站search，而不是在search引擎中search。如何让我的网站能够呢？也许，我需要在我的网站页面上写一些特殊的代码？

链接到重新加载当前页面: 是否有可能有一个正常的链接指向当前位置？我目前find了2个解决scheme，但其中一个包含JavaScript，另一个必须知道页面的绝对path： <a href="#" onclick="window.location.reload(true);">1</a> <a href="/foobar/">2</a> <a href="#">3 (of course not working)</a> 有没有这样做的方法，而不使用JavaScript或知道绝对path？