问题让我的链接使用CSS

这里包是什么，我试图做...

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>

我想长文本不换..但包装的链接

来源

2011-11-04 jaekie

你其实没有有你的链接有任何空白，所以它们不会换行。

http://jsfiddle.net/ZDydm/10/

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

来源

2011-11-04 18:00:32

哈..想通我错过了什么..感谢 – jaekie

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

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

来源

2011-11-04 18:01:00 deejayy

+1我喜欢这个主意，但不幸的是它是一个单独的问题，一个创可贴（其单独链接文本全部卡在一起）。 –

为什么在CSS中添加空间时，如果在语义上正确地在链接之间放置一个空格，那么它将得不到完全支持？ –

问题让我的链接使用CSS

回答

相关问题