Tag: html

Javascript – 将HTML追加到没有innerHTML的容器元素: 我需要一种方法来将HTML附加到容器元素而不使用innerHTML。我不想使用innerHTML的原因是因为当它使用像这样： element.innerHTML += htmldata 它的工作原理是在添加旧的html和新的html之前先replace所有的html。这是不好的，因为它重置dynamic媒体，如embedded式Flashvideo… 我可以这样做，这是可行的： var e = document.createElement('span'); e.innerHTML = htmldata; element.appendChild(e); 然而，这种方式的问题是，现在我不想要的文档中有额外的span标签。这怎么做呢？谢谢！

如何水平alignment跨度或div？: 我唯一的问题是让他们排成三队，并且有相等的距离。显然，跨度不能有宽度和div（并且跨越display：block）不会水平地出现在一起。 build议？ <div style='width:30%; text-align:center; float:left; clear:both;'> <div style='width:30%; text-align:center; float:left; clear:both;'>我现在拥有的。

如何跳转到Sublime Text 3中的上一个和最后一个光标？: 我google很多，findBufferScroll 。但它不适合我。我找不到任何捷径或如何在文档中使用它。更新：每次我尝试使用Jump Forward（Shift + Alt + Minus），我的编辑总是说“已经在最新的位置”，而实际上并没有处于最新的位置。跳回（Alt + Minus）效果很好。

在文本input元素内的字体真棒图标: 我正在尝试在用户名input字段中插入一个用户图标。我已经尝试了类似问题的解决scheme之一，因为Font Awesome是一种字体，因此background-image属性将不起作用。以下是我的方法，我无法获得图标显示。 .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; position: absolute; top: 0px; left: -5px; content: "\f007"; } 我有在默认字体真棒CSS声明的字体面，所以我不知道如果添加上面的字体家族是正确的方法。 @font-face { font-family: 'FontAwesome'; src: url('../Font/fontawesome-webfont.eot?v=3.2.1'); src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); }

使Div覆盖整个页面（不只是视口）？: 所以我有一个问题，我认为是相当普遍的，但我还没有find一个好的解决scheme。我想做一个覆盖div覆盖整个页面…不只是视口。我不明白为什么这是很难做…我已经尝试设置身体，HTML高度100％等，但是这是行不通的。这是我到目前为止： <html> <head> <style type="text/css"> .OverLay { position: absolute; z-index: 3; opacity: 0.5; filter: alpha(opacity = 50); top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: Black; color: White;} body { height: 100%; } html { height: 100%; } </style> </head> <body> <div style="height: 100%; width: 100%; position: […]

如何根据内容dynamic调整Twitter Bootstrap模式: 我有数据库内容有不同types的数据，如Youtubevideo，Vimeovideo，文本，Imgur图片等，他们都有不同的高度和宽度。我在search互联网时发现的所有内容都只是将大小改为只有一个参数。它必须与popup窗口中的内容相同。这是我的HTML代码。我也使用Ajax来调用内容。 <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="ModalLabel"></h3> </div> <div class="modal-body"> </div> </div>

你如何给iframe 100％的身高: 我尝试着 <iframe height="100%" …> 但它仍然不会调整它。当我尝试在像素的高度它的作品。编辑：100％似乎工作在IE浏览器，但不是Firefox

圆形加载animation: 我正在尝试创buildApple的OS X圈子加载animation。我到目前为止所尝试的： .animation-wrapper { width: 200px; height: 200px; border: 1px solid black; border-radius: 50%; position: relative; overflow: hidden; filter: brightness(0.8); -webkit-filter: brightness(0.8); } .pie-piece1 { position: absolute; width: 50%; height: 50%; bottom: 0; left: 0; background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 100%); } .pie-piece2 { position: absolute; width: […]

IFrame和Frame有什么区别？: 看看在我自己的订单表格中embedded3D安全页面的选项，我遇到以下情况： “一些商业网站将把完整的浏览器页面用于身份validation，而不是使用框架（不一定是一个不太安全的对象iFrame）”。来自http://en.wikipedia.org/wiki/3-D_Secure 有人可以告诉我为什么 iframe不太安全，而且会造成问题，而不是正常的框架？基本的区别是什么？我看到它的方式， iframe是要走的路。

如何在水平行中制作<ul>显示: 如何使我的列表项目使用CSS在一行中水平显示？ #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li> <li>‣ <a href="" class="a_top_hypers"> Compose</a></li> <li>‣ <a href="" class="a_top_hypers"> Reports</a></li> <li>‣ <a href="" class="a_top_hypers"> Preferences</a></li> <li>‣ <a href="" class="a_top_hypers"> logout</a></li> </ul> </div>