程序设计 css

7

我有这张桌子： <body> <table id="page" > <tr id="header" > <td colspan="2" id="tdheader" >je suis</td> </tr> <tr> <td>1</td> <td>2</td> </tr> </table> </body> 这是CSS html, body, #page { height:100%; width:100%; margin:0; padding:0; } #header { margin:0; padding:0; height:20px; background-color:green; } 我想删除所有边距和填充，但始终有：我该如何解决？

75 css html-table margin padding

11

检查element是否为div

如何检查是否$(this)是一个div，ul还是blockquote？例如： if ($(this) is a div) { alert('its a div!'); } else { alert('its not a div! some other stuff'); }

75 javascript jquery html css

7

如何限制表格的列宽？

我表格中的一列可以包含一个没有空格的长文本。如何将其宽度限制为150px？我不希望它始终为150px（如果为空，则应该很窄），但是如果有长文本，我希望将其限制为150px，并包装文本。这是一个测试示例：http : //jsfiddle.net/Kh378/（让我们限制第三列）。先感谢您。更新：设置以下样式： word-wrap: break-word; max-width: 150px; 不能在IE8（在不同的计算机上经过测试）中工作，并且我想它在任何版本的IE中都不能工作。

75 html css internet-explorer css-tables

8

中心表单提交按钮HTML / CSS

我在将CSS表单的HTML表单提交按钮居中时遇到麻烦。现在我正在使用： <input value="Search" title="Search" type="submit" id="btn_s"> <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_i"> 这个CSS内容 #btn_s{ width: 100px; margin-left: auto; margin-right: auto; } #btn_i { width: 125px; margin-left: auto; margin-right: auto; } 而且它什么也没做。我知道我可能在做一些愚蠢的错误。我怎样才能解决这个问题？

75 html css center alignment

4

保留textarea中的换行符

我有一个带有textarea的表单，我想保留用户在输出内容时输入的换行符。例如，如果我在textarea中写：这是一个句子。这是另一个。这里还有一个。这是一个新段落。这是一个新句子。这是另一个。我想要相同的输出，而不是：这是一个句子。这是另一个。这里还有一个。这是一个新段落。这是一个新句子。这是另一个。如何保留换行符？

75 html css textarea line-breaks

11

如何增加<a>标记按钮的可点击区域？

我从这篇文章中学到，总是使用<a>标签或<button>标签来制作按钮。现在，我正在尝试使用<a>标签。我的问题是：有什么办法可以增加标签的可点击区域？假设我<a>在div框中使用。我希望整个div框成为一个按钮。我可以将点击区域更改为整个div框吗？感谢您的帮助。

75 css button html clickable

12

固定元素在Chrome中消失

在我建立的网站上滚动时，使用CSS属性position: fixed可以按预期方式将导航栏保持在页面的顶部。但是，在Chrome浏览器中，如果您使用导航栏中的链接，该链接有时会消失。通常，您单击的项目仍然可见，但并非总是可见。有时整个事情消失了。左右移动鼠标可以使元素的一部分退回，而使用滚轮或箭头键滚动只需单击一下即可使元素返回。您可以在http://nikeplusphp.org上（间歇地）看到它的发生-您可能必须单击几次导航链接，才能看到它的发生。我也尝试过使用z-index和可见性/显示类型，但是没有运气。我遇到了这个问题，但修复程序根本不适合我。似乎是webkit的问题，因为IE和Firefox正常工作。这是一个已知问题，还是有一种使固定元素可见的修补程序？更新：只有具有top: 0;，我尝试过bottom: 0;并且可以按预期工作的效果元素。

75 css webkit position

10

CSS：仅表列之间的边框

有没有办法使用CSS在表格中仅在列之间（而不是在外边缘）显示边框？

75 css

3

CSS中伪元素前的“＆”是什么意思？

在以下来自Twitter Bootstrap的CSS中，“＆”字符是什么意思？ .clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; } &:after { clear: both; } }

75 css twitter-bootstrap

10

HTML元素（div）的全高，包括边框，内边距和边距？

我需要一个div的全高，我目前正在使用 document.getElementById('measureTool').offsetHeight offsetHeight -返回元素的高度，包括边框和填充（如果有），但不包括边距但是div中的一个嵌套元素具有margin-top的20%，因此我得到了错误的度量。我试图style.marginTop与scrollHeight没有成功。如何在javascript中获取元素（div）的完整高度（边框，边距，边距）？如果没有其他办法，我可以使用jQuery。

75 javascript css

8

iframe仅显示页面的特定部分

我正在iframe上工作，我需要在宽度约300像素，高度约150像素的iframe中显示页面的某个部分[例如，右上角]。例：说我希望把一个IFRAME的www.mywebsite.com/portfolio.php在页面上，但有IFRAME大小，只显示“投资组合运动在”部分右上角。我该如何实现？谢谢。编辑：演示 [感谢Pointy]

75 jquery html css

6

带有Flexbox的CSS正方形网格

我正在尝试创建一个自适应的正方形网格。正方形应调整大小以适合视口的宽度。更改视口高度时，正方形不应调整大小。我了解了如何调整每个正方形的宽度，但是当视口宽度发生变化时，我不知道如何使元素变为正方形以及如何缩放其高度。在小提琴下面的示例中，七个正方形应始终水平放置，并且应按正方形缩放。我不在乎有多少行可见。在这里提琴http://jsfiddle.net/gonyhvz8/11/ <body> <div class="flex-container"> <div class="flex-item">1</div> <div class="flex-item">2</div> <div class="flex-item">3</div> <div class="flex-item">4</div> <div class="flex-item">5</div> <div class="flex-item">6</div> <div class="flex-item">7</div> </div> <div class="flex-container"> <div class="flex-item">1</div> <div class="flex-item">2</div> <div class="flex-item">3</div> <div class="flex-item">4</div> <div class="flex-item">5</div> <div class="flex-item">6</div> <div class="flex-item">7</div> </div> <div class="flex-container"> <div class="flex-item">1</div> <div class="flex-item">2</div> <div class="flex-item">3</div> <div class="flex-item">4</div> <div …

75 css responsive-design flexbox

16

JavaScript CSS如何向一个元素添加和删除多个CSS类

如何在不使用任何库的情况下通过javascript将多个CSS类分配给html元素？

75 javascript html css class append

2

强制弹性项目跨越整个行宽

我试图将前两个子元素保留在同一行中，而第三个元素以全宽度保留在自己的下面，所有这些都使用flex。我对在前两个元素上使用flex-grow和flex-shrink属性特别感兴趣（这是我不使用百分比的原因之一），但是第三个元素确实必须为全角且在前两个元素以下。当发生错误且无法更改代码时，以label编程方式将元素添加到text元素之后。如何强制label元素在使用flex定位的其他两个元素下方跨越100％的宽度？ .parent { display: flex; align-items: center; width: 100%; background-color: #ececec; } .parent * { width: 100%; } .parent #text { min-width: 75px; flex-shrink: 2.25; } <div class="parent"> <input type="range" id="range"> <input type="text" id="text"> <label class="error">Error message</label> </div> 运行代码段隐藏结果展开摘要

75 html css flexbox

11

边框样式不适用于粘性位置元素

我不知道为什么我的边框样式不适用于position: sticky;属性。我想在我的粘性表标题上设置边框样式。但是我不想使用透明的背景色。我该如何实现？这是我的问题和JSFiddle链接的示例代码 #wrapper { width: 400px; height: 200px; overflow: auto; } table { width: 100%; text-align: center; border-collapse: collapse; } table tr th, table tr td { border: 2px solid; } table thead th { position: -webkit-sticky; position: sticky; top: 0; background-color: #edecec; } <div id="wrapper"> <table> <thead> <tr> <th>A</th> …

75 html css

Questions tagged «css»