0

次のタブを使用しています: http://onlinetools.org/tools/domtabdata/

ハイパーリンクを追加するたびに、行が途切れます。私は試した

white-space:nowrap;
<nobr></nobr>

それでもうまくいきません。誰でもこれを手伝うことができますか?

ここで私のコードを見つけることができます: http://jsfiddle.net/bnabaei/4Twkx/

4

2 に答える 2

2

これを変える:

div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active
{
    color:#094AB2;
    display:inline; /* Change it from display:block to display:inline */     
    font-size:1em;
    word-break:break-all;
    white-space: nowrap;
}

また、これを変更してください... SPACES ARE NOT FOR FORMATTING :D それに加えて、&nbsp;手動で中央に配置するために追加する必要はありません...

だから...それらを削除...

<div id="other" class="domtab doprevnext">
    <ul class="domtabs">
        <li><a href="#t1">Home</a></li>
        <li><a href="#t2">Research</a></li>
        <li><a href="#t3">Publications</a></li>
    </ul>
<div>

そして、これを CSS に追加するだけです。

div.domtab {
    padding:0 2em;
    width:80%;
    font-size:90%;
    display: inline-block;
    text-align:center;  /* Just add this line and let the CSS center them for you... */
}
于 2013-08-12T06:13:42.090 に答える
1

CSS の 122 行目で、リンクを指定しますdisplay: block;。これにより、彼らは彼らがいる行全体を占有します. コメントアウトすれば問題ないはずです。

于 2013-08-12T05:51:07.713 に答える