css - 为什么类(class)利润率不起作用?

标签 css

代码如下:

<html>
<head>
<title>test</title>
</head>
<body>
<div><span>shanghai</span><span class="margin"> </span><span>male</span></div>
</body>
</html>

.margin {
    width:40px;
    height:auto;
}

最佳答案

你不能给它一个宽度,因为它是一个内联元素。

This property specifies the content width of boxes generated by block-level and replaced elements. This property does not apply to non-replaced inline-level elements. -- CSS 2.1 Width property

您可以通过将其改为 block 或内联 block 元素来解决此问题:

display:inline-block

但是,某些浏览器可能不支持此功能。但是,您可能会获得相同的结果:

margin-left:40px

关于css - 为什么类(class)利润率不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1057353/

相关文章:

javascript - 悬停另一个 div 时更改 div 的 CSS (JQuery)

html - 居中元素时链接延伸至宽度

css - 使用 Bootstrap 可扩展性模糊图像的一部分

html - 防止 div 在浏览器屏幕缩小时移动

css - Firefox 将 4 位十六进制颜色值解析为 rgba

javascript - 所有PHP页面都包含整套CSS和JS,效率高吗?

css - 为什么我的 h1 很局促?

jquery - 如何设置 Jquery 菜单的缓存?

css - 样式信息的数据属性与多个类的使用

javascript - <li> 元素的目标子元素