我检查了MDN查看margin属性的自动值意味着什么,它说:“auto被替换为一些合适的值,例如,它可用于block的居中。”但是什么是合适的值(value),适合什么?我自己做了一些实验,发现如果我添加margin-left:auto,容器会向右移动(就像向右浮动):#container{background:red;width:120px;margin-left:auto;}http://jsfiddle.net/sph2j6jx/这是否意味着添加marginauto实际上类似于“占用所有可用空间”?当您同时添加左右边距时,它会将div居中,因为它会尝试占用左右两侧的所有空间?
我一直在尝试为链接按钮实现margin-top,但它根本不起作用。我还尝试了'p'和'a'标签的内联样式。有3个li元素,我没有在这里发布完整代码,因为它与第一个li元素相同。HTMLService1Ametnisiporttitorenimparturient,cras!Odiopulvinaracras?Sitsociis.AuguetempormidrhoncusnecnisiacpulvinardictumstReadMore这是上述html的css代码。CSS代码:#services{background-color:#afc1ff;height:490px;padding:
我一直在尝试为链接按钮实现margin-top,但它根本不起作用。我还尝试了'p'和'a'标签的内联样式。有3个li元素,我没有在这里发布完整代码,因为它与第一个li元素相同。HTMLService1Ametnisiporttitorenimparturient,cras!Odiopulvinaracras?Sitsociis.AuguetempormidrhoncusnecnisiacpulvinardictumstReadMore这是上述html的css代码。CSS代码:#services{background-color:#afc1ff;height:490px;padding:
我有一个表单输入,我试图将其居中对齐。通常margin-left:auto和margin-right:auto在display:block未添加到CSS时无法响应。我已将display:block添加到我的CSS,但它仍然没有按我希望的方式显示。我制作了一个JSFiddle以便于理解:http://jsfiddle.net/XnKDQ/97/ 最佳答案 为了margin:0auto;上类,除了display:block一个width需要指定。 关于css-左边距:autoandmargi
我有一个表单输入,我试图将其居中对齐。通常margin-left:auto和margin-right:auto在display:block未添加到CSS时无法响应。我已将display:block添加到我的CSS,但它仍然没有按我希望的方式显示。我制作了一个JSFiddle以便于理解:http://jsfiddle.net/XnKDQ/97/ 最佳答案 为了margin:0auto;上类,除了display:block一个width需要指定。 关于css-左边距:autoandmargi
我试图在我的Bootstrap网格布局的列之间放置一些额外的边距/填充空间。我试过了this但我不喜欢这个结果。这是我的代码:Widget1Widget2我想添加margin:10px和padding:10px。有些人建议将他们的类更改为col-md-5withpull-left和pull-right,但它们之间的差距将是太大了。 最佳答案 只需在col-md-6中添加一个具有您需要的额外填充的div。col-md-6是保持列完整性的“Backbone”,但您可以在其中添加额外的填充。Widget1Widget2CSS.classW
我试图在我的Bootstrap网格布局的列之间放置一些额外的边距/填充空间。我试过了this但我不喜欢这个结果。这是我的代码:Widget1Widget2我想添加margin:10px和padding:10px。有些人建议将他们的类更改为col-md-5withpull-left和pull-right,但它们之间的差距将是太大了。 最佳答案 只需在col-md-6中添加一个具有您需要的额外填充的div。col-md-6是保持列完整性的“Backbone”,但您可以在其中添加额外的填充。Widget1Widget2CSS.classW
假设您将以下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
假设您将以下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
我尝试使用上面的代码来设置等于它的内容的宽度,然后用margin:0auto;将它居中;但它在任何浏览器上都不适合我。有什么建议吗?顺便说一句,当我设置宽度属性时,它工作正常。 最佳答案 显示:表格;也会把它放在中心:CSS:.button{display:table;margin:0auto;}HTML:注意:使用内联样式是一种不好的做法。 关于html-显示:inline-blockmargin0autonotcenter的div,我们在StackOverflow上找到一个类似的问题