Question

我有一个href，在一个句子之后。但根据它可以与句子在同一行或新的行。但由于保证金左：5px;当它在换行符中时看起来不太好。我怎么能说，如果左边没有任何其他的话，它会从一开始就开始。 http://jsfiddle.net/tVC43/11/

<div class="box" style="border:1px solid red;">
   welcome to xxxxxxxxx part.
  <nobr style="margin-left:5px">hi thomas</nobr>
  </div>
  <div class="box" style="left:200px; border:1px solid red;">
   welcome to xxxxxxxxx.
  <nobr style="margin-left:5px">hi thomas</nobr>
  </div>

Answer 1

您为什么使用<nobr>？我没有在你的例子和你的例子中发现一切看起来都很好。

链接的默认样式应表示它们与文本一致正确显示。除非您的链接为display: block或display: inline-block，否则margin的行为不会超出您预期的多行文字。

有关详细说明，请参阅此处：http://www.w3.org/TR/CSS21/visuren.html#inline-formatting

Answer 2

Jsfiddle示例已更新。在nobr上添加一些css规则，如下所示。

<div class="box" style="border:1px solid red;">
   welcome to xxxxxxxxx part.
  <nobr>hi thomas</nobr>
</div>
<div class="box" style="left:200px; border:1px solid red;">
   welcome to xxxxxxxxx.
  <nobr>hi thomas</nobr>
</div>

CSS：

.box{
  width:155px;
  height:100px;
  border:1px solid; 
  position:absolute;
}

nobr {
    clear: left;
    display: block;
}

float: left＆amp; display: block;

请告诉我。

解决方案＃2： - 只需从第二个style="margin-left:5px"

中删除nobr即可

换行边距看起来不太好

2 个答案: