html表格单元格间距设不了是为啥

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html表格单元格间距设不了是为啥相关的知识,希望对你有一定的参考价值。

参考技术A html中,可以使用border-spacing属性来设置表格间距。
border-spacing属性用于表格的边框在“分离”的状态下,设置相邻单元格的边框间的距离。
该属性会在表格边框“分离”时,设置行和单元格的边框在横向和纵向上的间距。
注:只有当表格边框各自独立(即border-collapse属性设置separate时)此属性才起作用。
参考技术B 在html中,可以使用border-spacing属性来设置表格间距,该属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式),语法格式“border-spacing:水平间距 垂直间距;”。

在单个 LaTeX 表格的单元格中添加自定义左侧间距

【中文标题】在单个 LaTeX 表格的单元格中添加自定义左侧间距【英文标题】:Add custom left spacing in a single LaTeX table's cell 【发布时间】:2022-01-09 00:45:20 【问题描述】:

我需要在表格的单元格中添加一些左侧间距。谁能帮帮我?

它遵循代码示例;我需要在标签不是粗体的第一个列的单元格中添加左间距。

\documentclassarticle
\usepackage[utf8]inputenc

\usepackagetitlesec
\usepackagebooktabs
\usepackagetabularx
\usepackagegraphics

\begindocument


\begintable[ht]
    \centering
    \setlength\tabcolsep2pt
    \renewcommand\arraystretch1.5
    \begintabular|p0.15\textwidth>\centeringp0.15\textwidth>\centeringp0.15\textwidth>\centeringp0.15\textwidth>\centeringp0.15\textwidth>\centering\arraybackslashp0.15\textwidth|
        \hline
         & \textbfVRE & \textbfFPE & \textbfMPE & \multicolumn2c|\textbfFull sample \\ 
         & \textitn & \textitn & \textitn & \textitn & \textit\% \\
         \hline
         \textbfGender &&&&& \\
         Female & 12 & 10 & 18 & 40 & 52.6 \\
         Male & 10 & 13 & 13 & 36 & 47.4 \\
         \hline
         \textbfEducational level &&&&& \\
         High School & 8 & 5 & 6 & 19 & 25.0 \\
         Bachelor's Degree & 13 & 9 & 19 & 41 & 53.9 \\
         Master's Degree & 1 & 8 & 6 & 15 & 19.7 \\
         PhD & 0 & 1 & 0 & 1 & 1.3 \\
         \hline \hline
         \textbfAge &&&&& \\
         Mean & 23.6 & 24.6 & 24 & \multicolumn2c|24.1 \\
         Median & 23.6 & 24.6 & 24 & \multicolumn2c|24.1 \\
         \hline
    \endtabular
    \captionParticipants demographic information
    \labeltab:demographic
\endtable



提前致谢。

【问题讨论】:

因为漂亮的 MRE 而被投赞成票,包括所有包等!!! 【参考方案1】:

一种可能性:您可以将\quad(或类似的间距宏)放在这些单元格的开头:

\documentclassarticle
\usepackage[utf8]inputenc

\usepackagetitlesec
\usepackagebooktabs
\usepackagetabularx
\usepackagegraphics

\begindocument


\begintable[ht]
    \centering
    \setlength\tabcolsep2pt
    \renewcommand\arraystretch1.5
    \begintabular|p0.26\textwidth>\centeringp0.15\textwidth>\centeringp0.15\textwidth>\centeringp0.15\textwidth>\centeringp0.15\textwidth>\centering\arraybackslashp0.15\textwidth|
        \hline
         & \textbfVRE & \textbfFPE & \textbfMPE & \multicolumn2c|\textbfFull sample \\ 
         & \textitn & \textitn & \textitn & \textitn & \textit\% \\
         \hline
         \textbfGender &&&&& \\
         \quad Female & 12 & 10 & 18 & 40 & 52.6 \\
         \quad Male & 10 & 13 & 13 & 36 & 47.4 \\
         \hline
         \textbfEducational level &&&&& \\
         \quad High School & 8 & 5 & 6 & 19 & 25.0 \\
         \quad Bachelor's Degree & 13 & 9 & 19 & 41 & 53.9 \\
         \quad Master's Degree & 1 & 8 & 6 & 15 & 19.7 \\
         \quad PhD & 0 & 1 & 0 & 1 & 1.3 \\
         \hline \hline
         \textbfAge &&&&& \\
         \quad Mean & 23.6 & 24.6 & 24 & \multicolumn2c|24.1 \\
         \quad Median & 23.6 & 24.6 & 24 & \multicolumn2c|24.1 \\
         \hline
    \endtabular
    \captionParticipants demographic information
    \labeltab:demographic
\endtable



\enddocument


与问题无关,但您的固定宽度列“浪费”了大量空间。我会改用这样的tabularx

\documentclassarticle
\usepackage[utf8]inputenc

\usepackagetitlesec
\usepackagebooktabs
\usepackagetabularx
\usepackagegraphics

\begindocument


\begintable[ht]
    \centering
    \setlength\tabcolsep10pt
    \renewcommand\arraystretch1.5
    \begintabularx\textwidth | X ccccc | 
        \hline
         & \textbfVRE & \textbfFPE & \textbfMPE & \multicolumn2c|\textbfFull sample \\ 
         & \textitn & \textitn & \textitn & \textitn & \textit\% \\
         \hline
         \textbfGender &&&&& \\
         \quad Female & 12 & 10 & 18 & 40 & 52.6 \\
         \quad Male & 10 & 13 & 13 & 36 & 47.4 \\
         \hline
         \textbfEducational level &&&&& \\
         \quad High School & 8 & 5 & 6 & 19 & 25.0 \\
         \quad Bachelor's Degree & 13 & 9 & 19 & 41 & 53.9 \\
         \quad Master's Degree & 1 & 8 & 6 & 15 & 19.7 \\
         \quad PhD & 0 & 1 & 0 & 1 & 1.3 \\
         \hline \hline
         \textbfAge &&&&& \\
         \quad Mean & 23.6 & 24.6 & 24 & \multicolumn2c|24.1 \\
         \quad Median & 23.6 & 24.6 & 24 & \multicolumn2c|24.1 \\
         \hline
    \endtabularx
    \captionParticipants demographic information
    \labeltab:demographic
\endtable



\enddocument

【讨论】:

以上是关于html表格单元格间距设不了是为啥的主要内容,如果未能解决你的问题,请参考以下文章

HTML中表格table标签的实例

删除表格单元格和行之间的间距

Css中控制table单元格的间距

html 怎么设置单元格之间的线?

html表格里的单元格内容不能自动换行,求高手帮助解答!

html中单元格间距与单元格边距的区别