Questions tagged «html»

我试图并排放置两个div，并使用以下CSS。 #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTML很简单，在包装div中有两个左和右div。 <div id="wrapper"> <div id="left">Left side div</div> <div id="right">Right side div</div> </div> 我已经尝试了很多次，也在StackOverflow和其他站点上寻找更好的方法，但是找不到确切的帮助。 因此，代码乍一看工作正常。问题是，当我增加（％）的宽度时，左div自动获得填充/边距。因此，在65％的宽度处，左div有一些填充或边距，并且与右div并不完全对齐，我尝试填充/边距0但没有运气。其次，如果我放大页面，则右div会滑到左div之下，这就像没有流畅的显示一样。 注意：很抱歉，我进行了很多搜索。这个问题已经被问过很多次了，但是这些答案并没有帮助我。我已经说明了我的问题所在。 我希望有解决办法。 谢谢。 编辑：对不起，我是HTML问题，在左右两侧都有两个“ box” div，它们的填充百分比为％，所以左侧由于宽度较大而显示了更多的填充。抱歉，以上CSS完美运行，显示流畅并已修复，很抱歉提出错误的问题...

222 css  html  fluid-layout  fluid 

如何创建这样的形状以显示在网页上？ 我不想使用图像，因为它们在缩放时会变得模糊 我尝试过CSS： .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> 运行代码段隐藏结果展开摘要 事实证明真是搞砸了。 然后我尝试使用SVG： <svg viewBox="0 100 100"> <polygon points="50,0 100,70 50,100 0,70"/> </svg> 运行代码段隐藏结果展开摘要 它确实得到了形状，但底部没有弯曲。 有没有一种方法可以创建此形状，以便可以在HTML页面中使用它？

222 html  css  svg  css-shapes 

看似简单，但我在网上找不到任何相关内容。 撇号的正确HTML代码是什么？是’吗

222 html  ascii 

我正在使用HTML <table>，我想将其文本对齐<td>到每个单元格的中心。 如何居中对齐文本水平和垂直方向？

222 html  css 

没有一个愚蠢的问题，所以我们开始：<input type='button' />和之间有什么区别<input type='submit' />？

222 html  input  types 

有没有一种方法可以用破折号（即-或- –或- —）在HTML中创建列表样式，即 <ul> <li>abc</li> </ul> 输出： - abc li:before { content: "-" };尽管我不知道该选项的弊端，但我想用类似的方法来做到这一点（并且有很多反馈的义务）。 更笼统地说，我不介意知道如何将通用字符用于列表项。

222 html  css  xhtml  html-lists 

<div class="">和<div id="">CSS 的区别是什么？可以使用<div id="">吗？ 我看到不同的开发人员都以两种方式执行此操作，并且由于我是自学成才的，所以我从来没有真正想过。

222 html  css  class  id 

认识弗雷德。他是一张桌子： <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> 弗雷德（Fred）的公寓有个变大小的怪异习惯，因此他学会了隐藏自己的一些物品，以免将其他所有公寓推倒，从而使惠特福德太太的客厅变得li废： <table border="1" style="width: 100%; white-space: nowrap; table-layout: fixed;"> <tr> <td style="overflow: hidden; text-overflow: ellipsis">This cells has more content</td> <td style="overflow: hidden; text-overflow: ellipsis">Less content here</td> </tr> </table> 这行得通，但是弗雷德有种that的感觉，如果他的右单元格（他的昵称为Celldito）放弃了一点空间，那么他的左单元格将不会被大部分时间截断。你能救他的理智吗？ 总结：只有当所有单元格都放弃所有空格时，表格的单元格才能均匀溢出吗？

222 html  css  overflow  tablelayout 

我有一个只有300像素大的div，我希望它在页面加载时滚动到内容的底部。该div具有动态添加的内容，并且需要一直向下滚动。现在，如果用户决定向上滚动，我不希望它跳回到底部，直到用户再次向下滚动 是否有可能使div保持滚动到底部，除非用户向上滚动，并且当用户滚动回到底部时，即使添加了新的动态内容，它也需要保持在底部。我将如何创建这个。

222 javascript  jquery  html  css  scroll 

问题 我有一个<select>它<option>的文本值很长的地方。我要<select>调整其大小，以使其永远不会比其父对象宽，即使它必须切断其显示的文本也是如此。max-width: 100%应该这样做。 调整大小之前： 调整大小后我想要什么： 但是，如果您加载此jsFiddle示例，并将“结果”面板的宽度调整为小于的宽度<select>，则可以看到内部的select <fieldset>无法缩小其宽度。 调整大小后，我实际上看到的是： 但是，用a <div>代替a<fieldset>的等效页面确实可以正确缩放。如果在一页上一个接一个，则可以看到并更轻松地测试更改。并且，如果删除周围的标签，则可以调整大小。该标签在某种程度上导致水平尺寸调整打破。<fieldset><div><fieldset><fieldset> 该<fieldset>行为是如果有一个CSS规则fieldset { min-width: min-content; }。（min-content手段，大致的最小宽度不会引起孩子溢出。）如果我更换<fieldset>了<div>与min-width: min-content，它看起来完全一样。但是min-content我的样式，浏览器默认样式表或Firebug的CSS Inspector中都没有规则。我试图覆盖<fieldset>Firebug的CSS检查器和Firefox的默认样式表forms.css中可见的所有样式，但这无济于事。专门覆盖min-width，width也没有执行任何操作。 码 字段集的HTML： <fieldset> <div class="wrapper"> <select id="section" name="section"> <option value="-1"></option> <option value="1501" selected="selected">Sphinx of black quartz, judge my vow. The quick brown fox jumps over the lazy dog.</option> <option value="1480">Subcontractor</option> <option value="3181">Valley</option> <option …

221 html  width  fieldset  css 

有没有办法使HTML正确处理\n换行符？还是我必须替换为<br/>？ https://jsfiddle.net/zawyatzt/

221 html 

我有一个<input type="number">，我想将用户的输入限制为纯数字或带小数的数字（最多2个小数位）。 基本上，我要输入价格。 我想避免做正则表达式。有办法吗？ <input type="number" required name="price" min="0" value="0" step="any">

221 html  numbers 

我需要一些返回布尔值的函数来检查浏览器是否为Chrome。 如何创建此类功能？

220 javascript  html  google-chrome  browser-detection 

我有一个div，其宽度为100％。 我想将按钮居中放置，该怎么办？ <div style="width:100%; height:100%; border: 1px solid"> <button type="button">hello</button> </div> 运行代码段隐藏结果展开摘要

220 html  css  centering 

我有一个<div id="masterdiv">有几个孩子<div>的div 。 例： <div id="masterdiv"> <div id="childdiv1" /> <div id="childdiv2" /> <div id="childdiv3" /> </div> 如何使用jQuery 清除<div>master内所有child 的内容<div>？

219 javascript  jquery  html  dom-manipulation