html - 超链接标记使 domTab 中的换行符

Question

我使用的标签来自： http: //onlinetools.org/tools/domtabdata/

每当我添加超链接时，它都会断线。我试过了

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

它仍然不起作用。有人能帮忙吗？

你可以在这里找到我的代码：http: //jsfiddle.net/bnabaei/4Twkx/

Answer 1

改变这个：

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;
}

另外请更改此 ...

所以...删除它们...

<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... */
}

Answer 2

在您的 css 的第 122 行，您提供了您的链接display: block;。这导致他们占据了他们所在的整条生产线。把它注释掉，你应该没问题。