html - 使用 CSS 使我的链接换行时出现问题

Question

http://jsfiddle.net/ZDydm/

这是我正在尝试做的..

div {
   border: 1px solid black;
   width:400px;  
}
.wrap {

}
.longtext{
    white-space:nowrap;
}

<div>
<table>
    <thead>
        <tr>
            <th>Column1</th>
            <th>Column2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><span class="longtext">This is a bunch of text</span></td>
            <td class="wrap"><a href="">Link1</a><a href="">Link2</a><a href="">Link3</a><a href="">Link4</a><a href="">Link5</a><a href="">Link6</a><a href="">Link7</a><a href="">Link8</a></td>
        </tr>
    </tbody>
</table>
</div>

我希望长文本不换行..但链接要换行

Answer 1

.wrap a:after { 
    content: " ";
} 

http://jsfiddle.net/ZDydm/9/