草庐IT

html - CSS 绝对位置不适用于 margin-left :auto margin-right: auto

假设您将以下CSS应用于div标签.divtagABS{position:absolute;margin-left:auto;margin-right:auto;}margin-left和margin-right不生效但如果你有亲戚,它工作正常即.divtagREL{position:relative;margin-left:auto;margin-right:auto;}这是为什么呢?我只想让一个元素居中。有人可以解释为什么在绝对位置将边距设置为auto不起作用吗? 最佳答案 编辑:这个答案曾经声称不可能使用margin:auto

html - 显示 :inline-block margin 0 auto not center 的 div

我尝试使用上面的代码来设置等于它的内容的宽度,然后用margin:0auto;将它居中;但它在任何浏览器上都不适合我。有什么建议吗?顺便说一句,当我设置宽度属性时,它工作正常。 最佳答案 显示:表格;也会把它放在中心:CSS:.button{display:table;margin:0auto;}HTML:注意:使用内联样式是一种不好的做法。 关于html-显示:inline-blockmargin0autonotcenter的div,我们在StackOverflow上找到一个类似的问题

html - 显示 :inline-block margin 0 auto not center 的 div

我尝试使用上面的代码来设置等于它的内容的宽度,然后用margin:0auto;将它居中;但它在任何浏览器上都不适合我。有什么建议吗?顺便说一句,当我设置宽度属性时,它工作正常。 最佳答案 显示:表格;也会把它放在中心:CSS:.button{display:table;margin:0auto;}HTML:注意:使用内联样式是一种不好的做法。 关于html-显示:inline-blockmargin0autonotcenter的div,我们在StackOverflow上找到一个类似的问题

html - 如何垂直对齐到具有定义的宽度/高度的 div 内容的中心?

在定义的宽度/高度div中垂直居中任何内容的正确方法是什么。在example有两个高度不同的内容,使用类.content垂直居中的最佳方法是什么。(并且它适用于所有浏览器并且没有table-cell的解决方案)有一些解决方案,但想知道其他想法,一个是使用position:absolute;顶部:0;bottom:0;和marginauto。 最佳答案 我对此进行了一些研究,发现您有四种选择:版本1:显示为表格单元格的父div如果您不介意在您的父级div上使用display:table-cell,您可以使用以下选项:.area{hei

html - 如何垂直对齐到具有定义的宽度/高度的 div 内容的中心?

在定义的宽度/高度div中垂直居中任何内容的正确方法是什么。在example有两个高度不同的内容,使用类.content垂直居中的最佳方法是什么。(并且它适用于所有浏览器并且没有table-cell的解决方案)有一些解决方案,但想知道其他想法,一个是使用position:absolute;顶部:0;bottom:0;和marginauto。 最佳答案 我对此进行了一些研究,发现您有四种选择:版本1:显示为表格单元格的父div如果您不介意在您的父级div上使用display:table-cell,您可以使用以下选项:.area{hei

html - CSS 单元格边距

在我的HTML文档中,我有一个包含两列和多行的表格。如何使用css增加第一列和第二列之间的空间?我试过应用“margin-right:10px;”到左侧的每个单元格,但没有任何效果。 最佳答案 警告:虽然padding-right可能会解决您的特定(视觉)问题,但它不是在表格单元格之间添加间距的正确方法。padding-right对单元格的作用与它对大多数其他元素的作用类似:它在单元格内增加空间。如果单元格没有边框或背景颜色或其他让游戏暴露的东西,这可以模拟设置单元格之间的空间的效果,但不是其他情况。正如有人指出的,表格单元格的边距

html - CSS 单元格边距

在我的HTML文档中,我有一个包含两列和多行的表格。如何使用css增加第一列和第二列之间的空间?我试过应用“margin-right:10px;”到左侧的每个单元格,但没有任何效果。 最佳答案 警告:虽然padding-right可能会解决您的特定(视觉)问题,但它不是在表格单元格之间添加间距的正确方法。padding-right对单元格的作用与它对大多数其他元素的作用类似:它在单元格内增加空间。如果单元格没有边框或背景颜色或其他让游戏暴露的东西,这可以模拟设置单元格之间的空间的效果,但不是其他情况。正如有人指出的,表格单元格的边距

html - 为什么不 margin :auto center an image?

Testdiv应该会扩展到100%,但图像不会自行居中。为什么? 最佳答案 因为你的图片是inline-blockelement.您可以将其更改为block-levelelement像这样:它将居中。 关于html-为什么不margin:autocenteranimage?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3015223/

html - 为什么不 margin :auto center an image?

Testdiv应该会扩展到100%,但图像不会自行居中。为什么? 最佳答案 因为你的图片是inline-blockelement.您可以将其更改为block-levelelement像这样:它将居中。 关于html-为什么不margin:autocenteranimage?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3015223/

html - CSS 表格布局 : why does table-row not accept a margin?

.container{width:850px;padding:0;display:table;margin-left:auto;margin-right:auto;}.row{display:table-row;margin-bottom:30px;/*HERE*/}.home_1{width:64px;height:64px;padding-right:20px;margin-right:10px;display:table-cell;}.home_2{width:350px;height:64px;padding:0px;vertical-align:middle;font-siz