次のタブを使用しています: http://onlinetools.org/tools/domtabdata/
ハイパーリンクを追加するたびに、行が途切れます。私は試した
white-space:nowrap;
<nobr></nobr>
それでもうまくいきません。誰でもこれを手伝うことができますか?
ここで私のコードを見つけることができます: http://jsfiddle.net/bnabaei/4Twkx/
次のタブを使用しています: http://onlinetools.org/tools/domtabdata/
ハイパーリンクを追加するたびに、行が途切れます。私は試した
white-space:nowrap;
<nobr></nobr>
それでもうまくいきません。誰でもこれを手伝うことができますか?
ここで私のコードを見つけることができます: http://jsfiddle.net/bnabaei/4Twkx/
これを変える:
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 それに加えて、
手動で中央に配置するために追加する必要はありません...
だから...それらを削除...
<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... */
}
CSS の 122 行目で、リンクを指定しますdisplay: block;
。これにより、彼らは彼らがいる行全体を占有します. コメントアウトすれば問題ないはずです。