span text padding增加跨度大小

Question

我有以下范围

<SPAN style="border:solid;TEXT-ALIGN: right; FONT-STYLE: normal;width:100px; padding-RIGHT: 50px; DISPLAY: inline-block;PADDING-TOP: 3px">hello world</SPAN>

在我看来，跨度的总宽度正在根据填充大小而增加。有没有办法防止跨度增加并将文本填充到右边？

Answer 1

不知道你的填充权是否真的适用于那里的空间，但它不应该存在。也可能是另一个问题。你有

padding- right:50px

而不是

padding-right:50px;

编辑：增加跨度之外的空间而不是增加跨度本身替换：

padding-right:50px;

与

margin-right:50px;

这是一个例子。如果你不太明白的话就要弄清楚它。 http://jsfiddle.net/robx/GaMpq/

Answer 2

使用边距而不是填充。填充是在元素内部应用的空间，边距是在元素外部应用的空间。

Answer 3

无论是使用边距还是填充，您仍然在弄乱盒子模型并改变跨度的实际大小。这意味着换行不会发生在适当的位置，并且可能会破坏合理的边距。

您可以使用后选择器添加一些内容并为其设置样式：

your_css_class:after { content:" "; word-spacing:1em; }

我不认为这可以作为内联样式完成，它必须在＆lt; style＆gt;中完成。阻止或外部文件。

Answer 4

最简单的方法：

span {
  width: 80%;//Or some different value
}