个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
25
4
所以我有一个直接放在 body 中的元素:
<body>
<div id="header">Some stuff...</div>
Other stuff...
</body>
以下是使用的CSS:
body{
text-align:center;
}
#header{
margin:auto;
}
因此 #header div 设置为 100% 宽度(默认值)并居中。问题是，窗口边框和#header 元素之间有一个“空格”……比如:
| |----header----| |
^window border ^window border
我尝试用 javascript 调整它，它成功地将元素的大小调整为准确的窗口宽度，但它并没有消除“空格”:
$('#header').width($(window).width());
一种解决方案似乎是添加以下 CSS 规则(并保留上面的 javascript):
#header{
margin:auto;
position:relative;
top:-8px;
left:-8px;
}
在我的浏览器中，这个“空格”是 8px - 但我不确定这是否在所有浏览器中都一样？我在 Ubuntu 上使用 Firefox...
那么摆脱这个空间的正确方法是什么 - 如果这是我在上面使用的方法，那么所有浏览器的行为都一样吗？
最佳答案
body 在所有浏览器上都有默认边距，因此您需要做的就是将它们剃掉:
body {
margin: 0;
text-align: center;
}
然后您可以从 #header 中删除负边距。
关于html - CSS:如何摆脱默认窗口 "padding"？设置为 100% 宽度的元素未到达窗口的边界，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4570212/
25
4
0
String 有 PadLeft 和 PadRight。我需要左右填充(居中对齐)。是否有执行此操作的标准化方法，或者更好的是，是否有实现相同目标的内置方法？ 最佳答案 据我所知没有。如果您发现自己经
我刚开始学习 CSS，所以我的问题很基础。如图，如果设置padding:10px；的，但在结果中，似乎只有顶部和左侧工作，为什么会这样，我的意思是如果使用工作流程，它应该是最后两个底部和左侧工作吗？
我正在尝试重新创建类似于 this 的内容.我注意到输入字段不能在 内因为那样他们会得到难看的填充物。另一方面，按钮需要此填充，否则它会粘在没有任何填充的一侧。 以下代码不起作用，因为它将按钮放置在
我正在尝试将以下 Keras 模型代码转换为 pytorch，但在处理 padding='same' 时遇到问题。 model = Sequential() model.add(Con
与主题中的问题相同，有时是否可以将 pad 从例如 decodebin 元素链接到其他兼容元素的 pad？ 我正在尝试做这样的事情: GstElement *decodebin = gst_eleme
尝试使用相同的数据集依次评估一堆 transformers 模型，以检查哪个模型表现更好。 模型列表是这个: MODELS = [ ('xlm-mlm-enfr-1024' ,"XLM
尝试使用相同的数据集依次评估一堆 transformers 模型，以检查哪个模型表现更好。 模型列表是这个: MODELS = [ ('xlm-mlm-enfr-1024' ,"XLM
根据 http://www.maxdesign.com.au/articles/inline/ ，名为“内联元素和填充”的部分说 While padding can be applied to all
在 的左侧和右侧有 3px 的填充标记导致顶部和底部填充。请参阅此处的示例...(但是对于这个 jsfiddle，我只复制了底部的填充，而不是顶部的填充)。 #xyz { padding-r
我有一个滚动时间线 ( demo )，我遇到了 padding-left 在滚动之前隐藏时间线左侧的时间线分支图像的问题, 但 padding-right 无法隐藏右侧的分支图像。 我尝试使用的方法是
我不想用这个来骚扰你，但我在互联网上的任何地方都找不到对“位填充”到底是什么的详细解释，也没有找到与位填充相关的线程的任何答案在 StackOverflow 上。 我还在 ISO 9899-1990
在检查一些代码时，我发现了这个新声明:-webkit-padding-start 但我无法理解与现有的 padding-left 有什么区别属性(property)。我已经阅读了 Mozilla De
这是我的CSS: body { margin: 0px; background-color: white; } #navbar { background-color: red; margin: 0 a
所以我试图获得一些带有填充的文本修饰符，在我导入 androidx.compose.foundation.layout.padding 之前一切都很好以及 Modifier.padding(10.dp
我正在尝试使用 Python 的 base64.b64decode(str) 方法对字符串进行 Base64 解码(转换为字节): 46oWrWpy2gTEGwNnN6Ayy 并且我确保它有 4 个
两台不同的计算机(相同的 python 版本)为 time.ctime() 返回不同的格式。一个返回 "Sun May 6 14:04:28 2018" 月份前有2个空格；其他返回 "Sun May
代码中没有设置右边距或右边距的地方，当在 Chrome 的开发者工具中查看表单元素时，它在样式列表中同时显示“padding: 0”和“margin: 0”，但是 确实将鼠标悬停在表单元素上时显示边距
有没有办法在 Flexbox 中将 padding-left 和 padding-right 设置为元素宽度的 10%。我尝试使用 padding: 0 10%;，但它不是元素宽度的 10%。 .fl
image codepen 你好，我需要 CSS 样式方面的帮助。 我正在尝试有一个响应式主菜单，但无法想出一种方法来保持文本在元素框中水平居中，一旦这些由于视口(viewport)宽度较低而开始缩小
androidx.compose.material3.Scaffold 填充错误地添加了导航栏填充，即使在打开软键盘时添加了 IME 填充，导致导航栏填充量加倍(请参见下面的屏幕截图，分隔线应该接触到
我是一名优秀的程序员,十分优秀！