Html 当父项宽度为100%时防止列展开

我有一个表，其中我指定了宽度：100%，但我不想展开一个特定的列（图像列）来展开。有可能吗

示例：

body{}
康索尔康先生，
img.ConsoleIconColumnHeader{
宽度：17px！重要；
高度：17px！重要；
垂直对齐：中间对齐；
}
表td，
表th{
边框：1px实心#d0；
表布局：固定；
边界崩溃：崩溃！重要；
}

名称
年龄
脸谱网
啁啾
嘘
33

通过为表列应用固定宽度，解决了此问题

希望对你有用

这是我的密码

<table style="width:100%">
<thead>
  <th style="width:35%;">Name</th>
  <th style="width:30%;">Age</th>
  <th style="width:5%;">Facebook</th>
  <th style="width:30%;">Twitter</th>
</thead>
<tbody>
  <td>Shubh</td>
  <td>33</td>
  <td>
    <a>
      <img title="FB" class="consoleIcon" src="https://image.flaticon.com/icons/svg/124/124010.svg">
                </a>
  </td>
  <td></td>
</tbody>
</table>

这是工作小提琴

[http://jsfiddle.net/1bn5ke9s/][1]

---

您可以在

td

元素上设置宽度。
在这里，我在

td

元素上定义了一个

icon cell

类，并在CSS中设置了一个宽度：

img.consoleIcon，img.ConsoleIconColumnHeader{
宽度：17px！重要；
高度：17px！重要；
垂直对齐：中间对齐；
}
表td，表th{
边框：1px实心#d0；
表布局：固定；
边界崩溃：崩溃！重要；
}
.图标单元格{
宽度：50px；
}

名称
年龄
脸谱网
啁啾
嘘
33

您可以使用固定的width@spidyx：图标列的固定宽度？如果是的话，我试过了。它仍在扩展。我在下面的回答中发布了一个片段

[http://jsfiddle.net/1bn5ke9s/][1]