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

另外请更改此内容......空间不适用于格式化：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... */
}

Answer 2

在你的CSS中的第122行，你提供了你的链接display: block;。这导致他们占据他们所在的整条线。评论它，你应该没事。

超链接标记在domTab中进行换行

2 个答案: