1

我有一个href，它出现在一个句子之后。但根据单词它可以与句子在同一行或换行。但由于 margin-left: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>
4

2 回答 2

0

Jsfiddle example updated. Add some css rules over the nobr as shown below.

<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 & display: block;

Please let me know.

Solution #2: - simply remove style="margin-left:5px" from the second nobr

于 2013-01-29T10:33:28.443 回答
0

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

链接的默认样式应该意味着它们与文本正确显示。除非您的链接在display: block多行文本display: inline-block中margin的行为与预期不同。

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

于 2013-01-29T10:31:07.970 回答