Tag: html

居中一个没有宽度的div块

当我尝试将div块“产品”居中时，我遇到了一个问题，因为我不知道div宽度。 任何人都有解决scheme？ 更新：我有的问题是我不知道我会显示多less产品，我可以有1，2或3产品，我可以居中，如果它是一个固定的数字，因为我知道父母的宽度div，我只是不知道如何做内容是dynamic的。 .product_container { text-align: center; height: 150px; } .products { height: 140px; text-align: center; margin: 0 auto; clear: ccc both; } .price { margin: 6px 2px; width: 137px; color: #666; font-size: 14pt; font-style: normal; border: 1px solid #CCC; background-color: #EFEFEF; } <div class="product_container"> <div class="products" id="products"> <div id="product_15"> <img src="http://img.dovov.comecommerce/card_default.png"> <div class="price">R$ 0,01</div> […]

PHP正则expression式匹配HTML标签<a>外的关键字

我一直在试图做一个正则expression式来匹配和replaceHTML的一部分关键字的出现： 我想匹配keyword和<strong>keyword</strong> 但<a href="someurl.html" target="_blank">keyword</a>和<a href="someur2.html">already linked keyword </a>不应匹配 我只对匹配（和replace）第一行的keyword感兴趣。 我想这个的原因是用<a href="dictionary.php?k=keyword">keyword</s>replacekeyword ，但只有keyword不在<a>标签内。 任何帮助将不胜感激！

防止弹性项目从一边到另一边呈现

我正在使用flexbox将一些项目放在一个块中，但是我希望每个项目都在自己的行中。 例如，我想要橙色方块在文本上方，但是在使用flex之后，它将它移动到文本的一边 – 有没有人知道这个方法？ .container { height: 200px; width: 200px; background: cornflowerblue; position: relative; } .inner { height: 100%; position: absolute; left: 0; width: 100%; top: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .square { width: 30px; height: 30px; background: tomato; display: block; } <div class="container"> […]

下载属性在标签不工作在IE中

从下面的代码我创build一个dynamic锚标签下载一个文件。 此代码在Chrome中运行良好，但不在IE中。 我怎样才能得到这个工作 <div id="divContainer"> <h3>Sample title</h3> </div> <button onclick="clicker()">Click me</button> <script type="text/javascript"> function clicker() { var anchorTag = document.createElement('a'); anchorTag.href = "http://cdn1.dailymirror.lk/mediahttp://img.dovov.comfinance.jpg"; anchorTag.download = "download"; anchorTag.click(); var element = document.getElementById('divContainer'); element.appendChild(anchorTag); } </script>

从现有网站select性地复制HTML + CSS + JS的工具

像大多数网站开发人员一样，我偶尔也想看看网站的来源，看看他们的标记是如何构build的。 像Firebug和Chrome Developer Tools等工具可以很容易地检查代码，但如果我想复制一个孤立的部分，并在本地玩弄它，复制所有单个元素和它们相关的CSS将是一个痛苦。 而且，保存整个源代码和删除不相关的代码可能同样重要。 如果我可以在Firebug中右键单击某个节点，并select“为此节点保存HTML + CSS”，那就太好了。 这样的工具是否存在？ 是否可以扩展Firebug或Chrome开发者工具来添加此function？

用选项标签添加图像

我有一个下拉列表。 我想添加图像一起。 我试图在option标签内添加img标签…但仍然没有显示图像。 我如何使用option标签？

为什么父母和孩子有相同的高度，有一个垂直滚动条？

我想要.sideBar里面的.displayContainer和.contentHolder元素。 问题是.displayContainer渲染一个不必要的垂直滚动条。 水平滚动条是可以的，但不需要垂直滚动条。 我已检查并发现.displayContainer和子元素具有相同的计算高度。 那么为什么有一个垂直滚动条？ 任何人都可以给我一个想法如何删除它？ body, html { margin: 0px; padding: 0px; border: 0px; height: 100%; width: 100%; } .displayContainer { height: 100%; width: 100%; overflow: auto; white-space: nowrap; } .sideBar { background-color: green; display: inline-block; width: 20%; height: 100%; } .contentHolder { background-color: red; display: inline-block; width: 100%; height: 100%; } <div class="displayContainer"> […]

可见区域标签？

我如何使html <area />始终可见，而不仅仅是焦点？ 看起来应该像这样简单： HTML： <img src="image.png" width="100" height="100" usemap="#Map" /> <map name="Map" id="Map"> <area shape="circle" coords="50,50,50" href="#" alt="circle" /> </map> CSS： area {border: 1px solid red} 不pipe我做什么，似乎都不能影响到一个地区的造型，它真的对css免疫。 有任何想法吗？ 另外，任何其他的样式不能标记的例子？

查找与给定input关联的html标签

比方说，我有一个HTML表单。 每个input / select / textarea都会有一个相应的<label>其中的for属性被设置为它的伴侣的id。 在这种情况下，我知道每个input只会有一个标签。 在JavaScript中给定一个input元素 – 例如通过onkeyup事件 – find相关标签的最好方法是什么？

如何在特定时间自动重新加载网页？

我有一个网站，我想在一定的时间，如3:35下午，而不是像5分钟的特定时间间隔后重新加载。 我怎么做？