草庐IT

html - 如何在不增加宽度的情况下向文本区域添加填充?

我一直无法通过CSS设置文本区域元素的宽度和使用填充。填充值似乎会改变文本区域的宽度,我不希望它这样做。这是我的HTML代码:还有我的CSS代码:#body{height:100%;width:100%;display:block;}#editor{height:100%;width:100%;display:block;padding-left:350px;padding-right:350px;}但是,填充值似乎并没有像人们预期的那样工作。textarea的宽度在两个方向上增加了350px,而不是在元素的边界和它的内容之间定义空间。我已经考虑通过将边距设置为“0pxauto”来使文

html - 为什么填充不适用于我的标签元素?

我这里有一些标记:Username:Password:和CSS:label{padding-top:5px;}出于某种原因,我的两个标签元素上的填充不起作用。在IE和Firefox中试过,但在任何一种情况下都不起作用。Firebug说填充在那里,但它什么也没做。尝试将填充设置为50px,但仍然没有。有什么想法吗? 最佳答案 label是内联元素,因此不受顶部和底部填充的影响。您需要使label成为block级元素才能正常工作:label{display:block;/*addthis*/padding-top:5px;}

html - 为什么填充不适用于我的标签元素?

我这里有一些标记:Username:Password:和CSS:label{padding-top:5px;}出于某种原因,我的两个标签元素上的填充不起作用。在IE和Firefox中试过,但在任何一种情况下都不起作用。Firebug说填充在那里,但它什么也没做。尝试将填充设置为50px,但仍然没有。有什么想法吗? 最佳答案 label是内联元素,因此不受顶部和底部填充的影响。您需要使label成为block级元素才能正常工作:label{display:block;/*addthis*/padding-top:5px;}

html - 为什么 HTML5 DOCTYPE 会弄乱我的填充?

我有一个带导航栏的html5页面。完全从头编码。我最近刚刚向该项目添加了一个文档类型,现在我的导航栏下有了额外的空间。如果我删除文档类型声明,它会恢复正常。我已经完全重置了所有内容的填充、边距等,并将其缩减为能够说明问题的少量代码。页面可见http://hackthetruth.org/webdesign/broken有谁知道为什么声明文档类型会影响div的高度? 最佳答案 我的一个网站也遇到了同样的问题。我找到了这个答案here:“使用HTML5文档类型时,图像接收的似乎是文本通常具有的行高属性,因此您在图像下方有一个“边距”。您

html - 为什么 HTML5 DOCTYPE 会弄乱我的填充?

我有一个带导航栏的html5页面。完全从头编码。我最近刚刚向该项目添加了一个文档类型,现在我的导航栏下有了额外的空间。如果我删除文档类型声明,它会恢复正常。我已经完全重置了所有内容的填充、边距等,并将其缩减为能够说明问题的少量代码。页面可见http://hackthetruth.org/webdesign/broken有谁知道为什么声明文档类型会影响div的高度? 最佳答案 我的一个网站也遇到了同样的问题。我找到了这个答案here:“使用HTML5文档类型时,图像接收的似乎是文本通常具有的行高属性,因此您在图像下方有一个“边距”。您

html - 使用溢出时无填充 : auto

当我在盒子上使用overflow-y:auto时,我无法让padding-bottom工作。我使用Firefox。#container{padding:3em;overflow-x:hidden;overflow-y:auto;width:300px;height:300px;background:red;}#some_info{height:900px;background:#000;}参见JSFiddle. 最佳答案 没有额外DIV的另一种解决方案。#container:after{content:"";display:bloc

html - 使用溢出时无填充 : auto

当我在盒子上使用overflow-y:auto时,我无法让padding-bottom工作。我使用Firefox。#container{padding:3em;overflow-x:hidden;overflow-y:auto;width:300px;height:300px;background:red;}#some_info{height:900px;background:#000;}参见JSFiddle. 最佳答案 没有额外DIV的另一种解决方案。#container:after{content:"";display:bloc

html - 如何增加 HTML 中表格列之间的距离?

假设我想创建一个单行表格,每列之间有50像素,但顶部和底部有10像素填充。我如何在HTML/CSS中执行此操作? 最佳答案 不需要假秒。利用border-spacing反而。像这样应用它:HTML:FirstColumnSecondColumnThirdColumnCSS:table{border-collapse:separate;border-spacing:50px0;}td{padding:10px0;}查看inaction. 关于html-如何增加HTML中表格列之间的距离?,

html - 如何增加 HTML 中表格列之间的距离?

假设我想创建一个单行表格,每列之间有50像素,但顶部和底部有10像素填充。我如何在HTML/CSS中执行此操作? 最佳答案 不需要假秒。利用border-spacing反而。像这样应用它:HTML:FirstColumnSecondColumnThirdColumnCSS:table{border-collapse:separate;border-spacing:50px0;}td{padding:10px0;}查看inaction. 关于html-如何增加HTML中表格列之间的距离?,

html - CSS:背景图像和填充

我想在列表项的右侧添加一个背景图像,并希望右侧也有一些填充,但我做不到。请看下面的例子:HTML:HelloHelloworldCSS:ul{width:100px;}ulli{border:1pxsolidorange;background:url("arrow1.gif")no-repeatcenterright;}ulli:hover{background:yellowurl("arrow1.gif")no-repeatcenterright;}我知道我们可以按像素设置图像位置,但由于每个li的宽度不同,我不能那样做。这是JSFiddle链接:http://jsfiddle.ne