如何使HTML表格列尽可能紧密地压扁？
要使HTML表格列尽可能紧密地压扁，可以使用CSS中的“white-space: nowrap;”属性。这个属性可以防止表格中的文本换行，从而使其在一行中显示。
具体实现方法如下：
- 在表格的标签中，添加“white-space: nowrap;”属性，如下所示：
<table style="white-space: nowrap;">
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
<td>Row 1, Cell 3</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
<td>Row 2, Cell 3</td>
</tr>
</table>- 在表格的每一行中，添加“display: inline-block;”属性，如下所示：
<tr style="display: inline-block;">
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
<td>Row 1, Cell 3</td>
</tr>
<tr style="display: inline-block;">
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
<td>Row 2, Cell 3</td>
</tr>通过上述方法，可以使HTML表格的列在一行中显示，从而减少表格的宽度，达到压扁表格的目的。
相关·内容
3回答
如何使HTML表列压缩得尽可能紧密？(或者，尽可能多地增长？)
html、css
this one <td> </td> </tbody>我希望左栏尽可能窄一些
浏览 0提问于2009-04-03得票数 6
回答已采纳
1回答
Pearson相关系数
matlab、statistics、correlation、pearson-correlation
我的这个问题与Matlab并不紧密相关，但与之相关:我正在研究如何以几种非平凡的方式填充矩阵[[a,b,c],[d,e,f]]，以便使尽可能多地在都是零
浏览 0提问于2021-06-13得票数 0
回答已采纳
1回答
用垂直书写的表格头制作表格布局
html、css、twitter-bootstrap
我试图做一个表格布局，其中的表格头有垂直的书面文字。<th style="transform-origin: center; transform: rotate(-90deg);">旋转表头
现在的问题是，我不能让项目更紧密地在一起，第一个项目尽可能扩大，以填补空白的空间，所以他们将在设计中从第一张图片。有谁知道HTML和CSS必须如何，才能做出这样的事情吗？
浏览 4提问于2022-04-05得票数 1
1回答
Rails更新页面w/o原型？
jquery、ruby-on-rails、ajax、rjs
我正在努力(仍然)使我的rails安装工作得到更好的评价。我没有安装我的应用程序的原型，因为我喜欢jQuery。 page.replace_html id, ratings_for(@entry, :wrap => false, :dimension => params[:dimension])end
但是，我得到了一个‘未定义的局部变量或方法’id‘.我可以通过执行一个标
浏览 2提问于2011-07-06得票数 0
回答已采纳
3回答
如何在所有浏览器中对复杂数据<table>进行统一管理和查找？
css、xhtml
我不得不制作许多复杂的表，它们在列、头、边框、填充、交替行和列颜色等方面都有不同的颜色。我想尽可能少地使用css类。
如何使复杂的表设计尽可能多地结合HTML标记和CSS属性？
浏览 5提问于2010-05-10得票数 1
3回答
如何使HTML表格单元格水平扩展到超过页末？
html、css、html-table、css-tables
我有一个有很多列的表格。表格比页面宽，所以它可以滚动。表格的默认行为似乎是使每一列的宽度尽可能小，并允许文本溢出到新行上。
相反，我希望我的表格单元格随着其内容水平增长，并且永远不会溢出到第二行。如果没有，有没有人对我如何开始使用Javascript (如果是poss的话是jQuery)有什么建议呢？
浏览 0提问于2011-04-21得票数 5
回答已采纳
1回答
使用CSS自动调整宽度内容的大小
html、css、css-tables、col
我有一个有两列的表格。第二列应该总是完美地显示它的内容，宽度应该根据内容自动计算。第一列应该尽可能宽到某一点(最大宽度)。不幸的是，我只习惯了WPF，而不是HTML。ColumnDefinition Width="*" MaxWidth="600" /></Grid.ColumnDe
浏览 5提问于2012-10-23得票数 1
1回答
一起使用表单和类的VBA Excel最佳实践？
class、excel、vba
我对使用类很陌生，我想学习如何巧妙地将它们与表单集成在一起。具体来说，当您在表单中输入数据时，是否应该将该表单与类紧密链接，以及如何将其紧密链接？所以他可能有一个clsBaseball，一个clsPokemon，一个clsAlbum和一个clsSalesRecord。他还拥有输入和修改数据的表格和其他类型的分析表格，用于比较卡片、计算不
浏览 0提问于2013-08-06得票数 1
回答已采纳
1回答
CSS -强制表格留在页面上
html、css
在一些移动设备上，比如iPhone 5C，我网页上的表格离页面只有一半。我如何改变它，使我的页面宽度不会小于我的CSS表格的最小宽度。我已经尝试过尽可能地减少空间，但我似乎不能让我的桌子更小，以便移动。有问题的表格在选项卡中。尝试将浏览器中的页面宽度调整为尽可能小，您就会看到问题所在。正如你在页面中看到的，它能够调整过去表格的最小宽度。
浏览 0提问于2016-06-07得票数 2
1回答
对嵌入在html中的Applet强制大小限制
java、html、swing、applet、grid-layout
我有一个包含小部件的GridLayout的Java，我希望这些小部件是正方形的，并且彼此紧密地打包(因此它们的大小是不受限制的)。但是，我希望GridLayout在太大而不适合屏幕或无法保持小部件的‘正方形’之前，占用尽可能多的空间。它不能单独存在于html文件中，因为它不知道行/列计数，因此不知道制作Applet的最佳大小。但是，我不知道如何</em
浏览 1提问于2013-05-30得票数 1
回答已采纳
2回答
Google选择缩放以在给定窗口中紧贴国家
google-maps
我已经成功地创建了一个以给定国家为中心的地图。我希望地图尽可能大，没有“舒适”的边际。如何使API与窗口紧密匹配？
浏览 3提问于2014-02-09得票数 0
回答已采纳
1回答
将mysql中的数据从旧模式迁移到新模式
mysql、schema、migrate
我们最近改进了生产数据库的模式，更改了列名和索引等。我们还将存储引擎更改为InnoDB，以利用事务和外键。
浏览 0提问于2010-03-05得票数 4
回答已采纳
1回答
第一个<th>尽可能宽，最大百分比宽度，所有其他<th>不包装
html、css
考虑以下HTML表： <thead> <th class="col two">Two</-- content... --></table>
浏览 2提问于2014-07-30得票数 0
3回答
如何使Html表格列可编辑？
javascript、jquery、html
我有一个包含一些JSON数据的HTML，我想让我的一个列editable，比如在用户单击或双击时，该单元格应该是可编辑的片段$(document).ready(function
浏览 0提问于2019-01-09得票数 2
回答已采纳
1回答
Knitr/Kable: Html表格宽度
r、knitr、kable
我有一张html表格，里面有一堆工具。我想尽可能多地扩展这个表，使其适合这些列。我的输出和代码如下。正如你所看到的，桌子之间有一小块空白处。我想使用这样的空间。
浏览 0提问于2019-10-29得票数 0
4回答
在网页中显示表格数据的简单方法(如Google电子表格)
html、google-sheets、spreadsheet、tabular
我有一些表格数据显示在我的组织的网页上。目前大约有80行和6列。它需要每隔几周更新一次。我希望它尽可能友好地使用(按页面滚动，可能是搜索框，按列标题排序.)有两种明显的方法可以做到这一点：
嵌入谷歌电子表格。那么，是否有一个相当于谷歌的电子表格，我可以在其他网站上存储数据，并嵌入一个很好的视图？如果做不到这一点，是否有一个工具将生成一个具有我所追求的功能的HTML
浏览 4提问于2011-07-08得票数 2
回答已采纳
1回答
R- kableExtra -如何尽可能多地加密表的html输出，然后将其转换为word
html、r、ms-word、kable、kableextra
我有一个用R生成的表格，格式如下。我想要做的是将这个表从html输出(在knit to html之后)复制到word中，用于我必须要写的一篇科学论文。这相当复杂，但这是我发现的唯一一种方法，使该表具有可编辑的格式，这是我将向其提交文章的期刊所要求的格式(第一个问题:我很高兴知道是否有其他方法)。由于表格很大，主要的问题是如何尽可能地压缩文本，并使行之间的间距尽可能小，以便从html文档复制到word中时，我不需要花费
浏览 0提问于2018-11-21得票数 1
3回答
如何制作没有换行和水平滚动的表格
html、birt、nowrap
我有一个有8列的表格。第三列和第四列可能有很长的文本。这种情况会创建水平滚动。我想要的是每一列都有一个固定的大小，我不希望列中的文本被换行，也不想有滚动条。因此，如果一列有一个非常长的字符串，例如"abcdefghijklmnop“，它应该在不换行和不创建滚动的情况下尽可能多地显示。所以在桌子上看到的文本可能类似于"abcdefg“
实际上，我正在尝试用Eclipse BIRT来做这件事，但如果我能学习如何
浏览 2提问于2011-02-09得票数 0
4回答
表格的自动宽度
html、css
动态地生成html表的列和列，我的问题是如何自动调整表格的with，使表格始终100%地显示在页面中，调整coulmn大小和行大小 <tr><td></td><td></td>
浏览 3提问于2010-05-19得票数 11
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
