Tag: html

如何使用ngStyle（angular2）添加背景图片？: 如何使用ngStyle添加背景图片？我的代码不起作用： this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>

仅缩进段落中的第一行文本？: 我有几个段落，我想缩进，但只有这些段落的第一行。我将如何定位使用CSS或HTML的第一行？

位置：修正了Chrome和IE浏览器中的closurescanvas菜单: 什么意图我正在使用使用CSS和JavaScript的canvas菜单。 canvas菜单按预期工作。我想要一个边栏菜单在屏幕左边，并在菜单被触发时移动。这个想法是有一个100px的菜单触发器，并具有100％的高度，始终在屏幕左侧。使用绝对位置我有所有浏览器的高度问题，使用固定的位置Firefox工作正常，但遇到下面提到的问题。错误火狐问题：没有，据我所知。 Chrome浏览器问题：滚动几个像素后，边栏菜单触发器不能拉伸整个页面。 Internet Explorer：边栏菜单被触发时，边栏似乎完全消失。的jsfiddle 因为我的代码在HTML，CSS和JavaScript上都很重，所以我包含了一个jsFiddle 。请注意，就我所知，问题只发生在Chrome浏览器和Internet Explorer上。您可以通过向下滚动页面，然后单击左侧的菜单button来复制问题。截图值得注意的HTML代码（小提琴中的完整代码） <div id="sbContainer" class="sbContainer"> <div class="sbPush"> <header class="contain-to-grid sbMenu sbFX"> <nav class="top-bar" data-topbar> <ul class="title-area show-for-small-only"><!–SITENAME–></ul> <section class="top-bar-section"><!–LINKS–></section> </nav> </header> <div class="sbContent-one"> <div class="sbContent-two"> <div class="sbMenuTrigger" data-effect="sbFX"><!–SIDEBAR TRIGGER–></div> <div class="sbMainContent" role="document"><!–PAGE CONTENT–></div> </div> </div> </div> </div> […]

什么是每英寸点数和每英寸点数: 在访问jsfiddle.net时，我从Chrome开发者工具控制台标签中收到了此消息：考虑使用“dppx”单位而不是“dpi”，因为在CSS中，“dpi”是指每英寸点数，而不是每英寸点数，因此不符合屏幕的实际“dpi”。在媒体查询expression式中：只有屏幕和（-webkit-min-device-pixel-ratio：2），不是全部，不是全部，只有屏幕和（最小分辨率：192dpi），只有屏幕和（最小分辨率：2dppx）它是蓝色的，所以我假设这不是一个警告或错误。那么为什么我会遇到这个消息？我怎么能摆脱它，或者这只是jsfiddle本身的问题？

如何用JavaScript包装节点中的文本的一部分: 我有一个具有挑战性的问题要解决。我正在研究一个以正则expression式作为input的脚本。这个脚本然后在文档中find这个正则expression式的所有匹配，并将每个匹配包装在它自己的<span>元素中。最难的部分是文本是一个格式化的HTML文档，所以我的脚本需要浏览DOM，并一次性在多个文本节点上应用正则expression式，同时根据需要找出需要分割文本节点的位置。例如，用一个正则expression式来捕获以大写字母开始并以句点结尾的完整句子，本文档： <p> <b>HTML</b> is a language used to make <b>websites.</b> It was developed by <i>CERN</i> employees in the early 90s. <p> 会变成这样： <p> <span><b>HTML</b> is a language used to make <b>websites.</b></span> <span>It was developed by <i>CERN</i> employees in the early 90s.</span> <p> 该脚本然后返回所有创build的跨度的列表。我已经有了一些代码，可以find所有的文本节点，并将它们存储在一个列表中，以及它们在整个文档中的位置及其深度。你并不需要理解代码来帮助我，它的recursion结构可能会有点混乱。第一部分，我不知道该怎么做是找出哪些元素应该包含在范围内。 function SmartNode(node, depth, start) { […]

Internet Explorer 8表格单元格宽度bug与colspan集: 我有以下的HTML页面： <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>A title</title> </head> <body> <table style="width: 700px; border: solid 1px green"> <tr> <td style="border: solid 1px red;" colspan="2">A cell with a bunch of text. The amount of text here increases the 'x' cell.<td> </tr> <tr> <td style="width: 100px; […]

textarea中的Twitter式自动完成: 我正在寻找一个Javascript自动完成实现，其中包括以下内容：可以在HTML textarea中使用允许在不调用自动完成的情况下input常规文本检测@字符并在input时启动自动完成通过AJAX加载选项列表我相信这与Twitter在Twitter上进行标记时所做的相似，但是我找不到一个很好的，可重用的实现。 jQuery的解决scheme将是完美的。谢谢。

在Emacs中编写HTML5？: 在Emacs中编写HTML5的最佳解决scheme是什么？有没有一种模式可以进行一致性检查？

为什么我的HTML表'最大宽度'不会导致文字换行？: 我有一个HTML表和一列（或<td> ）包含很长的单词。我想设置列的最大宽度，以便如果文本比最大宽度更长，文本应该自动换行到下一行。我曾尝试在"max-width:100px"的相应的<td>元素上设置css max-width样式，但是它不起作用。文本仍然很长，不会自动换行到下一行。任何想法是什么错误或任何解决scheme参考代码？我在Windows 7上使用IE 8。