我尝试使用上面的代码来设置等于它的内容的宽度，然后用margin:0auto;将它居中；但它在任何浏览器上都不适合我。有什么建议吗？顺便说一句，当我设置宽度属性时，它工作正常。 最佳答案 显示:表格；也会把它放在中心:CSS:.button{display:table;margin:0auto;}HTML:注意:使用内联样式是一种不好的做法。 关于html-显示:inline-blockmargin0autonotcenter的div，我们在StackOverflow上找到一个类似的问题
我有一组使用:before应用箭头的样式链接。它在所有浏览器中看起来都不错，但是当我将下划线应用于链接时，我不想在:before部分(箭头)上有下划线。参见jsfiddle例如:http://jsfiddle.net/r42e5/1/是否可以删除它？我使用#testpa:hover:before进行的测试样式确实得到了应用(根据Firebug)，但下划线仍然存在。有什么办法可以避免这种情况？#test{color:#B2B2B2;}#testpa{color:#B2B2B2;text-decoration:none;}#testpa:hover{text-decoration:unde
我有一组使用:before应用箭头的样式链接。它在所有浏览器中看起来都不错，但是当我将下划线应用于链接时，我不想在:before部分(箭头)上有下划线。参见jsfiddle例如:http://jsfiddle.net/r42e5/1/是否可以删除它？我使用#testpa:hover:before进行的测试样式确实得到了应用(根据Firebug)，但下划线仍然存在。有什么办法可以避免这种情况？#test{color:#B2B2B2;}#testpa{color:#B2B2B2;text-decoration:none;}#testpa:hover{text-decoration:unde
Testdiv应该会扩展到100%，但图像不会自行居中。为什么？ 最佳答案 因为你的图片是inline-blockelement.您可以将其更改为block-levelelement像这样:它将居中。 关于html-为什么不margin:autocenteranimage?，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/3015223/
Testdiv应该会扩展到100%，但图像不会自行居中。为什么？ 最佳答案 因为你的图片是inline-blockelement.您可以将其更改为block-levelelement像这样:它将居中。 关于html-为什么不margin:autocenteranimage?，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/3015223/
.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
.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
我想用伪:after在选择框上添加一些样式(用2个部分和没有图像来设计我的选择框)。这是HTML:Test而且它不起作用。我不知道为什么，也没有在W3C规范中找到答案。这是CSS:select{-webkit-appearance:none;background:black;border:none;border-radius:0;color:white;}select:after{content:"";display:inline-block;width:24px;height:24px;background:blue;}那么这是正常现象还是有什么窍门呢？
我想用伪:after在选择框上添加一些样式(用2个部分和没有图像来设计我的选择框)。这是HTML:Test而且它不起作用。我不知道为什么，也没有在W3C规范中找到答案。这是CSS:select{-webkit-appearance:none;background:black;border:none;border-radius:0;color:white;}select:after{content:"";display:inline-block;width:24px;height:24px;background:blue;}那么这是正常现象还是有什么窍门呢？
这个问题在这里已经有了答案:Howtoremovethespacebetweeninline/inline-blockelements?(41个回答)关闭7年前。我正在使用一些设置为display:inline-block并设置了height和的div>宽度。在HTML中，如果在每个div之后有一个换行符，则会在div的右侧和底部自动添加一个5px的边距。例子:SomeTextSomeText有没有我忽略的属性可以让我重置自动边距？更新根据我的发现，没有办法删除边距...除非您将所有内容都放在同一行，或者添加注释以注释掉换行符。示例:SomeTextSomeText不是最好的解决方案，
