如何让锚点不超过表格单元格宽度？

-2

我的问题是，我的锚超过iphone 5显示表格单元格。如何让锚点不超过表格单元格宽度？

我有这个作为细胞white-space: nowrap;

对于锚我只是有一个背景颜色的样式：background: #f88e1e;

莫非你的意见吗？

<table class="subscriptionTable"> 
    <thead> 
     <tr> 
      <th class="feature"></th> 
      <th class="free">free</th> 
      <th class="middle">silver</th> 
      <th class="top">gold</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td class="feature"><a href="somelink"></a>linktarget</td> 
      <td></td> 
      <td></td> 
      <td><span class="icon-tick"></span></td> 
     </tr> 
     <tr> 
      <td class="feature"><a href="somelink"></a>linktarget</td> 
      <td></td> 
      <td></td> 
      <td><span class="icon-tick"></span></td> 
     </tr> 
      <tr> 
       <td class="feature"></td> 
       <td> 
       </td> 
       <td></td> 
       <td> 
        <a class="someClass" href="somelink">Free trial</a> 
       </td> 
      </tr> 
    </tbody> 
</table>

我已经成功让文字在一行中加入white-space: nowrap 但现在的锚宽度超过单元格的宽度。锚点必须留在里面......

来源

2014-09-25 Sofiane

请问您可以包括您的代码和一些上下文吗？在数百万种可能性之间给出答案是不可能的 – Devin 2014-09-25 19:08:25

无论是display:table-cell（CSS）还是实际的HTML表格，都无法防止表格单元格的直接内容出现缠绕。他们将不断扩展以适应内容。如果您想调整display: table-cell中的内容，您需要将其包装在另一个容器元素中，并设置不同的显示类型（块/表格等）。

来源

2014-09-25 19:32:11

如何让锚点不超过表格单元格宽度？

回答

相关问题