Questions tagged «html»

我需要在父div上加上圆角以掩盖其子级的内容。overflow: hidden可以在简单的情况下工作，但是当父级相对或绝对定位时，在基于Webkit的浏览器和Opera中会中断。 这适用于Firefox和IE9： 的CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; overflow: hidden; position: absolute; } #box { width: 300px; height: 300px; background-color: #cde; } 的HTML <div id="wrapper"> <div id="box"></div> </div> JSFiddle上的示例 谢谢您的帮助！ 更新：导致此问题的错误已在Chrome中修复。我还没有重新测试Opera或Safari。

147 html  rounded-corners  css 

我在表容器中有不确定数量的表单元元素。 <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> 有没有一种纯粹的CSS方法可以使表格单元格具有相等的宽度，即使表格单元格中的内容大小不同也是如此？ 谢谢。 编辑：具有最大宽度将需要知道我有多少个单元格？

147 html  css  html-table 

我看过这两个： <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> 还有这个： <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> 类型属性有任何关系吗？

147 html 

当提交HTML表单而不指定方法时，使用的默认HTTP方法是什么？GET还是POST？ 在HTML标准之间，这种行为是否发生过变化？ 请尽可能引用W3C标准文档。

147 html  forms 

单击导航中的每个链接，我正在播放一个小型音频剪辑 HTML代码： <audio tabindex="0" id="beep-one" controls preload="auto" > <source src="audio/Output 1-2.mp3"> <source src="audio/Output 1-2.ogg"> </audio> JS代码： $('#links a').click(function(e) { e.preventDefault(); var beepOne = $("#beep-one")[0]; beepOne.play(); }); 到目前为止，一切正常。 问题是，当声音剪辑已经在运行时，我单击任何链接都不会发生任何事情。 我尝试停止单击链接时已经播放的声音，但是HTML5的音频API中没有直接的事件 我尝试了以下代码，但无法正常工作 $.each($('audio'), function () { $(this).stop(); }); 有什么建议吗？

147 html  html5-audio 

基本上，我想解码给定的HTML文档，并替换所有特殊字符，例如" "-> " "，">"-> ">"。 在.NET中，我们可以使用HttpUtility.HtmlDecode。 Java中的等效功能是什么？

147 java  html  string  eclipse  decode 

我想将一组div固定宽度的元素放入容器中，并出现水平滚动条。的div/ span元件应该出现在一条线上，从左至右以它们出现在HTML（基本上展开）的顺序。 这样，水平滚动条将出现，并且可以代替垂直滚动条用于阅读内容（从左到右）。 我试过将它们浮动在容器中，然后在容器上放置white-space: nowrap样式，但可惜它似乎仍然可以包装。 有想法吗？ 它看起来像这样： .slideContainer { white-space: nowrap; } .slide { width: 800px; float: left; display: inline; } <div class="slideContainer"> <div class="slide">Some content</div> <div class="slide">More content</div> <div class="slide">Even More content!</div> </div> 运行代码段隐藏结果展开摘要 更新： 请参阅站点上的示例，但是它们不是以其他方式使用是错误的-尽管我确信这篇文章已经过时了。

147 html  css 

我想有A B和C中间对齐。 我怎样才能D完全右移？ 之前： 后： ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* magic to throw to the right*/ } <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> </ul> 运行代码段隐藏结果展开摘要 …

147 html  css  flexbox 

当文本溢出时，我的简单textarea不会显示水平条。它换行换行。那么，如何在文本溢出时删除自动换行并显示水平条呢？

146 html  textarea  word-wrap 

这是我可以使用的粗糙html： <li class="par_cat"></li> <li class="sub_cat"></li> <li class="sub_cat"></li> <li class="par_cat"></li> // this is the single element I need to select <li class="sub_cat"></li> <li class="sub_cat"></li> <li class="sub_cat current_sub"></li> // this is where I need to start searching <li class="par_cat"></li> <li class="sub_cat"></li> <li class="par_cat"></li> 我需要从遍历.current_sub，找到最接近的前一个.par_cat并对其进行处理。 .find("li.par_cat")返回的全部负载.par_cat（我在页面上大约有30个）。我需要瞄准一个。 非常感谢任何提示:)

146 jquery  html  traversal  tree-traversal 

我有一个表格单元格，我一直希望成为一个特定的宽度。但是，它不适用于较大的无间距文本字符串。这是一个测试案例： td { border: solid green 1px; width: 200px; overflow: hidden; } <table> <tbody> <tr> <td> This_is_a_terrible_example_of_thinking_outside_the_box. </td> </tr> </tbody> </table> 运行代码段隐藏结果展开摘要 如何使文本在框的边缘处被切除，而不是使框扩展？

146 html  css 

在哪里可以找到浏览器的HTML元素默认CSS？ 许多HTML元素都带有一些默认的CSS属性，这些属性有时可能会导致未知/有害的行为。例如，输入框在不同浏览器中的显示方式有所不同。我正在寻找一个涵盖新CSS3属性和新HTML5元素的地方。 我在其他（较旧的）问题（例如浏览器的默认CSS样式表）中也看到了答案，这些问题提出了CSS重置的解决方案。有时不需要这种解决方案，通常我实际上想保留一些基本属性（例如在Chrome中突出显示输入框）。换句话说：我不想仅仅因为我不知道它们在做什么而摆脱它们。 那么，有没有一个网站可以为我提供所有（或也许大多数）这些信息？

146 html  css  cross-browser 

我正在学习CSS。如何使用CSS设置输入和提交按钮的样式？ 我正在尝试创建这样的东西，但我不知道该怎么做 <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/> Email <input type="text"/> Message <input type="textarea"/> <input type="submit" value="Send"/> </form>

146 html  css 

我有一个包含几列的HTML表，我需要使用jquery实现一个列选择器。当用户单击复选框时，我要隐藏/显示表中的相应列。我想在不将类附加到表中的每个td的情况下执行此操作，是否可以使用jquery选择整个列？以下是HTML的示例。 <table> <thead> <tr><th class="col1">Header 1</th><th class="col2">Header 2</th><th class="col3">Header 3</th></tr> </thead> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> </table> <form> <input type="checkbox" name="col1" checked="checked" /> Hide/Show Column 1 <br /> <input type="checkbox" name="col2" checked="checked" /> Hide/Show Column 2 <br /> <input type="checkbox" name="col3" checked="checked" /> Hide/Show Column 3 <br /> </form>

146 jquery  html  hide  html-table  show 

这里是整个页面*可包装的内容在main.css文件中定义 /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } 这是整个页面： <%@ include file="../../include/pre-header.html" %> <form id="commentForm" name="commentForm" action="" method="post"> <ctl:vertScroll height="300" headerStyleClass="data_table_scroll" bodyStyleClass="data_table_scroll" enabled="${user.scrollTables}"> <ctl:sortableTblHdrSetup …

146 html  css  html-table