正文 

当前位置： 首页 > 问答 >

如何获得固定的表格列宽

     2023-03-06     263

关键词：

【中文标题】如何获得固定的表格列宽【英文标题】：How to get fixed table columns width 【发布时间】：2012-01-02 16:44:28 【问题描述】：

如何将单个表格列固定为特定宽度，以便无论该列中有多少文本，列的宽度都保持不变？

<col> 标签只适用于火狐

table-layout:fixed 真的是整张桌子

仅仅设置一个width 是不行的

最好的 CSS 属性是什么

下面是代码：

    .video
        overflow:hidden;
        table-layout:fixed;
        max-width:146px;
                
            .audio
        overflow:hidden;
        table-layout:fixed;
        max-width:146px;
                
            .image
        overflow:hidden;
        table-layout:fixed;
        max-width:146px;
                
             .qid2
        overflow:hidden;
        table-layout:fixed;
        max-width:92px;
                

  <table border=1 id="vidtbl">
    <tr>
    <th>Question No</th>
    <th>Video</th>
    <th>Audio</th>
    <th>Image</th>
    </tr>
    <tr>
    <td class="qid2"></td>
    <td class="video">images/dolphinvideo.png//////////////////////////////////////</td>
    <td class="audio">hello</td>
    <td class="image"></td>
    </tr>
    </table>

【问题讨论】：

你试过在td标签中设置宽度吗？ 【参考方案1】：

尝试使用

max-width:100px;

或

max-height:100px;

这将使您的列最大扩展至您设置的宽度。

【讨论】：

这不起作用，但感谢您的回答，因为我从来不知道最大宽度 b4。我将其包含在 css 中并将其放在我的问题中，以便您更好地了解我的 css 用于表格列 在你的 TD 中放一个 DIV 并让 TD 的宽度固定到某个百分比.. 然后尝试使用这种样式到 TD .. ` max-height: 60px;溢出：隐藏； ` 让它工作了，需要包括最小宽度，因为你告诉我最大宽度我没有听说过这也让我知道最小宽度，你应该得到最好的回答，谢谢:) @Malcolm，补充说明：IE6 和 IE7 不支持最大高度和宽度。 @all，请提及拒绝投票的原因。让每个人都知道。【参考方案2】：

您可以将

的内容包装在另一个带有 width 和 overflow:hidden 的标签中。例如： 
<table>
  <tr>
    <td class="fifty">
      <p>Lorem ipsum dolor</p>
    </td>
  </td>
</table>

还有 CSS：

.fifty p  overflow:hidden; width:50px;

【讨论】：

请记住，表格应该专门用于表格数据，而不应该用于页面布局。谷歌“无表格布局”的一些示例，说明为什么表格不适合页面布局以及有哪些替代方案可用。 【参考方案3】：

如果将 td 的宽度设置为固定值对您不起作用：

<td >..</td> or <td style="width:100px">...</td>

将内容包装到一个 div 并将溢出设置为隐藏：

<td><div style="width:100px;overflow:hidden;">...</div></td>

Css 类将非常高效且易于维护：

.col120  width:120px; overflow:hidden;

<td><div class="col120">content...</div></td>

【讨论】：

是的还是不行，表格也需要设置宽度 发生的事情是，如果我填写文本，那么列会上升到最大宽度，当没有文本时，列会缩小，我想我知道我需要做什么，给我 2 分钟，我可能需要设置最小宽度 你能发布生成的 html 吗？ 你必须用 包装内容并将类应用到 div 而不是 td 上 .videowidth:120px;overflow:hidden; images/dolphinvideo.png///////////// //////////////////////div>【参考方案4】：

可以在 td 标签中使用 width 属性

<td >

或者你可以使用样式属性

<td style="width:100px">

或者你可以在css文件中定义它

.tdstyle
    width:100px;

并在 td 标签中指定类

<td class="tdstyle">

【讨论】：

不不不，我知道如何使用css，我的问题是，如果我只是设置一个宽度属性，如果我在一个120px列的表格中有一大段文字，而其他列是 120 像素，那么带有文本的列会变宽，而其他列会缩小。我不希望这样，我希望所有列都是 120 像素，不多也不少 不，但高度可以变化，它的宽度与弹出窗口中显示的表格一样为 550 像素 x 550 像素 设置宽度属性它 标签对我来说工作正常。它不与另一列重叠。相反，柱的高度增加了。我不确定为什么它不适合你。您使用的是哪个浏览器。 ? “550 像素乘 550 像素”是什么意思。这两个值是什么？

docx4j导出word文档，有表格，如何固定word表格列宽，

参考技术A选中表格，右击属性，设置一下长宽即可。或者把鼠标移至表格最左上角，出现一个表格形状的小方块，双击更改 参考技术B点击表格-布局-自动调整-固定列宽 查看详情

固定行跨度和表格布局时的表格列宽

】固定行跨度和表格布局时的表格列宽【英文标题】：Tablecolumnwidthwhenhavingrowspanandtable-layoutfixe【发布时间】：2018-01-2501:42:48【问题描述】：我一直在固定我的html表格的第二列的宽度。下面是我的桌子的打印屏幕：下面是CSS代码... 查看详情

HTML 表格 - 固定和多变量列宽

】HTML表格-固定和多变量列宽【英文标题】：HTMLTable-Bothfixedandmultiplevariablecolumnwidths【发布时间】：2014-03-0606:47:00【问题描述】：我必须建立一个有5列的表格。表格宽度是可变的（内容宽度的50%）。一些列包含固定大小的按钮，... 查看详情

如何将 html 列宽固定为其内容的最大宽度？

】如何将html列宽固定为其内容的最大宽度？【英文标题】：Howtofixanhtmlcolumnwidthtothemaxwidthofitscontent?【发布时间】：2011-11-0801:45:54【问题描述】：我正在尝试为输入表单格式化表格，如下所示。表格看起来有点像这样：Name:Timeofday... 查看详情

具有固定列宽和最大高度的 CSS 表格

】具有固定列宽和最大高度的CSS表格【英文标题】：CSStablewithfixedcolumnwidthsandmaxheight【发布时间】：2019-07-3118:16:25【问题描述】：我正在尝试创建一个具有固定列宽和固定最大高度的表格，它会滚动到最大高度之外。阅读后，我... 查看详情

excel里面如何设置能把行高和列宽的长度固定？

参考技术A以excel2016版本为例，操作方法步骤如下：步骤一、打开需要设置的excel表格文件。步骤二、选中需要固定行号和列宽的单元格，如果是整张表格需要设置，则可以同时按下键盘中的“Ctrl”键和“A”键进行全选。步骤三... 查看详情

word中如何固定表格的宽和高

1、选中整个表格。右键－“表格属性”2、在表格属性对话框，选择“行”选项卡，勾选“指定高度”，调整满意的高度值，行高值是“固定值”。3、然后选择“列”选项卡，勾选“指定列宽”，调整列宽为满意值。4、确定即... 查看详情

HTML表格列宽实践

...描述（文本的长内容）、计数（最多3个字符）、日期（固定格式）。什么是好的做法？我正在考虑描述的固定宽度，计数和宽度（因此实际上也使名称“固定”宽度）。但我真正的问题是，如何选择特定的宽度尺寸。例如，如... 查看详情

latex如何调整表格的列宽啊（保持居中）

现在写的是\begintabular|c|c|c|c|c|c|c|c|c|c|c|c|\hline可以保证十一列是居中的，我想按照每一列字符个数来固定列宽，应该怎么做啊（还要保持居中）参考技术A\begintable\centering%居中的关键\begintabular%……表格内容……\... 查看详情

HTML表格列宽：结合固定和可变宽度

】HTML表格列宽：结合固定和可变宽度【英文标题】：HTMLtablecolumnwidths:combiningfixedandvariablewidths【发布时间】：2012-01-0117:14:04【问题描述】：我已经做了一个这样的表：<tablestyle="width:1000px;"><tr><td>aaa</td><tdid="spa... 查看详情

怎样使word表格的宽度高度固定不变

...定高度”，输入或调整高度值，将“行高值是”调整为“固定值”。3、单击“列”选项卡，勾选“指定宽度”，输入或调整宽度值，单击“确定”按钮。参考技术A1、选中整个表格。右键－“表格属性”2、在表格属性对话框，... 查看详情

基础固定列宽的表格及示例演示(代码片段)

引言对我来说，table有一个非常有用，支持性也很好的CSS属性，但它却很少为人所知。它改变了表格的渲染方式，并生成一个更加稳定可靠的布局。它就是：tabletable-layout:fixed;table-layout的缺省值是auto，这个属性值及其效果大家十... 查看详情

如何使用类似表格的 DataTemplate 在 UWP ListView 中动态缩放列宽

】如何使用类似表格的DataTemplate在UWPListView中动态缩放列宽【英文标题】：HowtodynamicallyscalecolumnwidthinUWPListViewwithDataTemplateliketable【发布时间】：2021-09-2017:10:22【问题描述】：我正在使用带有表数据模板的ListView开发UWP桌面应用程... 查看详情

word如何固定表格宽度，使插入的图片适应表格宽度？

1：选中要插入图片的单元格，右键--》自动调整--》固定列宽2：选中要插入图片的单元格，右键--》表格属性--》行--》指定高度（自己设）--》行高值设成固定值OK了～参考技术A你好，你可以把复制过来的图片转换成图片形式，... 查看详情

如何在表格分类器中设置固定表格宽度（不是单元格）？

】如何在表格分类器中设置固定表格宽度（不是单元格）？【英文标题】：Howtosetfixedtablewidth(notcell)intablesorter?【发布时间】：2015-12-2809:50:16【问题描述】：我使用表格排序器。根据表格内容不同的页面（分页）可以有不同的宽... 查看详情

css表格固定列宽

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv=" 查看详情

在 CSS 中，如何获得一个左侧固定宽度的列和一个使用其余宽度的右侧表格？

】在CSS中，如何获得一个左侧固定宽度的列和一个使用其余宽度的右侧表格？【英文标题】：InCSS,howdoIgetaleft-sidefixed-widthcolumnwitharight-sidetablethatusestherestofthewidth?【发布时间】：2010-10-0220:30:02【问题描述】：所以我尝试使用纯CSS... 查看详情

GridBagLayout：如何设置固定列宽？

】GridBagLayout：如何设置固定列宽？【英文标题】：GridBagLayout:Howtosetfixedcolumnwidth?【发布时间】：2014-09-0623:07:36【问题描述】：多年来，我一直在尝试在以下代码中设置固定列宽...问题是，当我向左侧面板添加标签时，宽度会自... 查看详情