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の例が更新されました。以下に示すように、いくつかのcssルールを追加しnobrます。

<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: leftdisplay: block;

私にお知らせください。


解決策#2:-2style="margin-left:5px"番目から削除するだけnobr

于 2013-01-29T10:33:28.443 に答える
0

なぜあなたは使用してい<nobr>ますか?あなたの例とあなたの例ではすべてがうまくいっているとは思いません。

リンクのデフォルトのスタイルは、リンクがテキストに沿って正しく表示されることを意味する必要があります。リンクがdisplay: block複数行のテキストで期待どおりに動作しない場合を除きますdisplay: inline-blockmargin

詳細については、こちらを参照してください: http://www.w3.org/TR/CSS21/visuren.html#inline-formatting

于 2013-01-29T10:31:07.970 に答える