消除html表中的时髦空格
如果您使用表格进行页面布局（XHTML中没有），您很可能会体验到在布局中添加额外空间的难看效果。要解决这个问题，您需要检查HTML表定义和任何管理样式表的细节。
html表定义
默认情况下，表格的HTML标记不控制某些间距要求。验证HTML文档中关于表标记的三件事：
- 您的表是否将cellpadding属性设置为0？cellpadding=“0”
- 您的表格是否将cellspacing属性设置为0？cellspacing=“0”
- 在内容和表的标记之前或之后是否有空格？
第三个是踢球者。许多HTML编辑器喜欢将代码全部隔开，以便于阅读。但许多浏览器将这些制表符、空格和回车解释为表中所需的额外空间。去掉标签周围的空白，你的桌子就会更整洁。
样式表
然而，可能不是HTML关闭了。层叠样式表确实控制表的某些显示属性，根据页面的不同，您可能会或可能不会首先故意添加特定于表的CSS。
在表格、th或td属性中扫描管理CSS文件以查找以下任何值，并根据需要进行调整：
- 边框：指定表或单元格边框的属性
- 边框折叠：将相邻边框视为一个，以避免重复边框宽度
- 填充：在每个单元格周围提供以像素为单位的空白空间
- 文本对齐：确定单元格内文本的对齐方式
- 边框间距：以像素为单位设置单元格之间的间距
选择
尽管您仍然可以使用HTML表（该标准已经建立并在当今的浏览器中得到普遍支持），但大多数现代响应式web设计使用级联样式表在页面上放置元素。表对于其显示表格数据的最初目的仍然有意义，但是对于组织页面的布局和内容，您最好使用CSS布局。
- 发表于 2021-09-05 00:28
- 阅读 ( 181 )
- 分类：IT
你可能感兴趣的文章
如何创建降价表
... 还可以使用相关的标记语法将图像**表中。查看我们可打印的降价备忘单，获取格式语法的完整列表。 ...
如何连接google工作表中多个单元格的数据
在googlesheets中，如果要将多个单元格中的数据链接在一起，则不必合并它们。可以使用CONCAT、CONCATENATE和JOIN函数将它们组合到一个单元格中。 这些函数的范围从简单（CONCAT）到复杂（JOIN）。CONCATENATE提供了最大的灵活性，因为...
如何在google工作表中拆分文本
...单、直接的方法来处理合并的数据集。 如何在google工作表中拆分文本 启动浏览器，打开googlesheets文档，选择所有要拆分的单元格。 警告：确保右边的单元格中没有数据。此功能将在没有任何警告的情况下覆盖这些单元格。 ...
桌子(table)和部门(div)的区别
...；开始和结束div标记之间的所有文本都将是红色的。这将消除设计者必须手动改变每个段落的颜色。Div标记是块级元素，用于控制块格式的文本或元素。此标记与CSS一起用于布局网页。 表和div标签都可以在创建网页时使用。Div...
如何使用html和css创建选项卡和间距(use html and css to create tabs and spacing)
...中。这种所见即所得的设计与HTML或网页不同。 印刷中的间距 在字处理软件中，三个主要的空白字符是空格、制表符和回车符。这些字符中的每一个都以不同的方式起作用，但在HTML中，浏览器使它们基本相同。无论您在HTML...
什么是预格式化文本？(pre-formatted text?)
...距以创建特定格式或布局而言，HTML无法识别添加到代码中的间距，包括空格键、制表符或回车符。如果在一个单词和其后的单词之间放置二十个空格，浏览器将仅在其中呈现一个空格。这就是所谓的空白崩溃，实际上这是HTML的...
如何命名html文件(name html files)
...，请仅使用字母、数字、连字符、下划线和句点。文件名中的任何其他字符都可能导致无法正确加载或根本无法加载。 不要使用空格 大多数操作系统可以处理带有空格的文件名，但网页不能。空间通常显示为下划线，因此许...
这是什么意思？
...客内容容器的宽度。 现在，假设您注意到您的博客文章中的两个单词被web浏览器中的一个换行符分隔开，例如您的名字和姓氏。就像一行文字以你的名字结尾一样，你的眼睛必须回到左边才能读到你的姓。 如果您想确保无论...
如何使用css创建斑马条纹表(create zebra striped tables with css)
...法。使用此方法时，每次需要编辑该表时，可能必须编辑表中的每一行，以确保每一行与更改一致。例如，如果在表中插入新行，则其下的每一行都需要更改类。 CSS使得用斑马条纹设计桌子样式变得很容易。您不需要添加任何...
什么是html压缩器？(a html compressor?)
... HTML网页包含数百甚至数千行代码并不少见。通过消除每个冗余区域，压缩器可以显著减小整个文件的大小。这可以显著提高网站的整体速度和效率，并将加载每个页面所需的数据带宽降至最低。 ...
0 篇文章
