span css帮助IE7-如何设置宽度？

我有这个CSS，我不能设置span元素的宽度。你知道我做错了什么吗

#address-readonly
{
  margin-left:150px !important;
  padding-left:100px;  
}

在我的应用程序中，我在两个方面使用它。这是第一个方面：

<tr>
  <th colspan="2">Address Details</th>
  <th><span id="address-readonly" class="address-readonly"></span></th>
</tr>

地址详情

这是第二个方面：

<div id="addressHeader" class="addressHeader">
<span>Address Details</span>
<span id="address-readonly" class="address-readonly"></span>

地址详情

---

我希望

地址只读

span更右对齐。填充/边距组合几乎没有效果。我应该在这里做什么？我不想添加一堆不间断的空格，但这基本上就是我想要的效果。这个特定的客户端有一个满是IE7机器的办公室，所以没有FireFox或Safari等。。。我也尝试过设置跨度的宽度。

如果适用，您可以尝试使用

显示：块

：

#address-readonly {
    display: block;
    width: 200px;
}

---

如果不浮动，跨度将位于其自己的行上。希望对您有所帮助。

如果适用，您可以尝试使用

display:block

：

#address-readonly {
    display: block;
    width: 200px;
}

如果不浮动，跨度将位于其自己的行上。希望能有所帮助。

试试这个：

#address-readonly
{
  display:block;
  float:left;
  margin-left: 150px;
  width: 100px; /* If you want to set the width */
}

或者您可以使用div而不设置display属性。

尝试以下操作：

#address-readonly
{
  display:block;
  float:left;
  margin-left: 150px;
  width: 100px; /* If you want to set the width */
}

---

或者您可以使用div而不设置display属性。

您唯一的选择是

块

或

内联块

的

显示

值，因为

内联

元素根据其内容调整大小。另外，请注意，

内联块

并没有得到很好的支持。

您唯一的选择是

块

或

内联块

的

显示值，因为
内联
元素是根据其内容调整大小的。另外，请注意，
内联块
并没有得到很好的支持。
纪尧姆和邪恶的跳蚤的答案相辅相成，但缺少一些要点

只有“框元素”可以设置其宽度/高度属性。Span是一个内联元素，因此它将自行调整大小以适应内容

因此，如果希望元素设置宽度，则应使用box元素。这里的问题是，默认情况下，长方体元素不在同一行中对齐。然后，可以使用浮动和边距将一个长方体元素与另一个长方体元素对齐

尽管如此，还是用纪尧姆的回答为好。但可能会出现一些怪癖，请查看有关清除浮动的链接

我该怎么做：使用链接中提供的解决方法，然后将两个跨距都用作div，并将它们浮动到左侧，设置宽度和填充物。
纪尧姆和邪恶跳蚤的答案相互补充，但缺少一些要点

只有“框元素”可以设置其宽度/高度属性。Span是一个内联元素，因此它将自行调整大小以适应内容

因此，如果希望元素设置宽度，则应使用box元素。这里的问题是，默认情况下，长方体元素不在同一行中对齐。然后，可以使用浮动和边距将一个长方体元素与另一个长方体元素对齐

尽管如此，还是用纪尧姆的回答为好。但可能会出现一些怪癖，请查看有关清除浮动的链接

我该怎么做：使用链接中提供的解决方法，然后将两个跨距用作div，并将它们向左浮动，设置宽度和填充。
我认为OP想要完成的只是增加两个跨距之间的水平距离。你的解决方案将垂直打断它们。我认为OP想要完成的只是增加两个跨度之间的水平距离。你的解决方案会垂直打破它们。我发现这个答案很有帮助+1我发现这个答案很有帮助+1.