Tag: html

CSS如何select第一个出现的元素后另一个元素

我在页面上获得了以下HTML代码 <h4>Some text</h4> <p> Some more text! </p> 在我的CSS我有以下select器风格的H4元素。 上面的HTML代码只是整个代码的一小部分，有几个div更多的是属于一个shadowbox #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; margin-top : 5px; margin-left : 6px; } 所以我有我的H4元素正确的风格，但我也想在我的HTML样式段落标记。 这是可能的CSSselect器？ 如果是的话，我该怎么做？

用CSSselect倒数第二个元素

我已经知道：最后一个孩子 但有没有办法selectdiv： <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!– THIS –> <div>c</div> </div> 注意：没有jQuery，只能用CSS

是否有相当于在HTML电子邮件中工作的CSS最大宽度？

我试图创build一个HTML电子邮件，将正确显示在所有广泛使用的电子邮件客户端。 我将整个电子邮件包装在一个表格中，我希望宽度达到可用宽度的98％，但不超过800像素。 像这样： <table style="width:98%; max-width:800px;"> 但是我不这样做，因为根据这个 Outlook 2007不支持CSS宽度属性。 相反，我这样做： <table width="98%"> 有没有什么办法可以设置最大宽度而不依赖于CSS？

HTML：如何限制file upload只能是图片？

用HTML，我该如何限制可以上传什么样的文件types？ 为了方便用户体验，我想将file upload限制为图片（jpeg，gif，png）。 <form method="post" action="…" enctype="multipart/form-data"> <label for="image">Photo</label> <input name="image" type="file" /> </form>

find具有特定类的最接近的祖先元素

我怎么能find一个元素的祖先是最接近具有特定类的树， 在纯粹的JavaScript ？ 例如，像这样的树： <div class="far ancestor"> <div class="near ancestor"> <p>Where am I?</p> </div> </div> 那么我想要div.near.ancestor如果我在p上尝试这个并寻找ancestor 。

如何实现一个引导模式的加载指标，等待AJAX​​从服务器获取数据？

我有一个从链接启动的引导模式。 大约3秒，它只是空白，而AJAX查询从数据库中提取数据。 我怎样才能实现某种加载指标？ twitter bootstrap是否默认提供此function？ 编辑：模态的JS代码 <script type="text/javascript"> $('#myModal').modal('hide'); $('div.divBox a').click(function(){ var vendor = $(this).text(); $('#myModal').off('show'); $('#myModal').on('show', function(){ $.ajax({ type: "GET", url: "ip.php", data: "id=" + vendor, success: function(html){ $("#modal-body").html(html); $(".modal-header h3").html(vendor); $('.countstable1').dataTable({ "sDom": "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": "_MENU_ records per page" }, "aaSorting":[[0, "desc"]], "iDisplayLength": 10, "oTableTools": { "sSwfPath": "swf/copy_csv_xls_pdf.swf", "aButtons": ["csv", […]

如何在html页面上绘制圆圈？

你如何使用HTML5和CSS3绘制一个圆圈？ 是否也可以把文字放在里面？

将JSON存储在HTML属性中的最佳方法是什么？

我需要将JSON对象放入HTML元素的属性中。 HTML不必validation。 Quentin回答： 将JSON存储在data-*属性中 ，该属性是有效的HTML5。 JSON对象可以是任何大小 – 即巨大 由Maiku Mori回答： HTML属性的限制可能是65536个字符 。 如果JSON包含特殊字符呢？ 例如 {foo: '<"bar/>'} Quentin回答：根据惯例，在将JSONstring放入属性之前对其进行编码。 对于PHP，使用 htmlentities() 函数。 编辑 – 使用PHP和jQuery的示例解决scheme 将JSON写入HTML属性： <?php $data = array( '1' => 'test', 'foo' => '<"bar/>' ); $json = json_encode($data); ?> <a href="#" data-json="<?php echo htmlentities($json, ENT_QUOTES, 'UTF-8'); ?>">CLICK ME</a> 使用jQuery检索JSON： $('a').click(function() { // Read the contents […]

有没有一个最佳做法，生成与JavaScript的HTML

我正在调用一个Web服务，返回JSON中的对象数组。 我想采取这些对象，并用HTML填充一个div。 假设每个对象都包含一个url和一个名字。 如果我想为每个对象生成以下HTML： <div><img src="the url" />the name</div> 有这个最好的做法吗？ 我可以看到一些做法： 连接string 创build元素 使用模板插件 在服务器上生成html，然后通过JSON提供。

如何在JavaScript或jQuery中规范HTML？

标签可以有多个属性。 属性在代码中出现的顺序无关紧要。 例如： <a href="#" title="#"> <a title="#" href="#"> 我怎样才能“正常化”在JavaScript中的HTML，所以属性的顺序总是相同的？ 我不在乎select哪个订单，只要它总是一样的。 更新 ：我最初的目标是使它更容易区分（在JavaScript中）2个HTML页面，略有不同。 由于用户可以使用不同的软件来编辑代码，因此属性的顺序可能会改变。 这使差异太冗长。 回答 ：那么，首先要感谢所有的答案。 是的，这是可能的。 这是我设法做到的。 这是一个概念的certificate，它当然可以优化： function sort_attributes(a, b) { if( a.name == b.name) { return 0; } return (a.name < b.name) ? -1 : 1; } $("#original").find('*').each(function() { if (this.attributes.length > 1) { var attributes = this.attributes; var list = […]