草庐IT

Table表格

全部标签

html - 在打印页面上使用 Google Chrome 重复表格标题

我想为每个打印的页面重复我的表格标题,但GoogleChrome似乎不支持标记好......有办法解决这个问题吗?我正在使用谷歌浏览器v13.0.782.215。表格代码非常简单……没什么特别的:@page{size:landscape;margin-top:0;margin-bottom:1cm;margin-left:0;margin-right:0;}table{border:.02emsolid#666;border-collapse:collapse;width:100%;}td,th{border:.02emsolid#666;font-size:12px;line-hei

html - 如何自动调整 HTML 表格单元格的大小以适合文本大小

我有一个包含2行和可变列的表格。我为该列尝试了width=100%。所以View中的第一个内容将适合。但是假设如果我正在动态更改内容,那么它不会动态增加/减少HTML表格列的大小。提前致谢。 最佳答案 如果您希望单元格根据内容调整大小,则不得为表格、行或单元格指定宽度。如果您不想自动换行,请将CSS样式white-space:nowrap分配给单元格。 关于html-如何自动调整HTML表格单元格的大小以适合文本大小,我们在StackOverflow上找到一个类似的问题:

html - 如何自动调整 HTML 表格单元格的大小以适合文本大小

我有一个包含2行和可变列的表格。我为该列尝试了width=100%。所以View中的第一个内容将适合。但是假设如果我正在动态更改内容,那么它不会动态增加/减少HTML表格列的大小。提前致谢。 最佳答案 如果您希望单元格根据内容调整大小,则不得为表格、行或单元格指定宽度。如果您不想自动换行,请将CSS样式white-space:nowrap分配给单元格。 关于html-如何自动调整HTML表格单元格的大小以适合文本大小,我们在StackOverflow上找到一个类似的问题:

css - 如何向 HTML5 表格添加滚动条?

我有一个HTML5表格,我想在其中添加一个滚动条。我希望表格显示十行,然后用户可以向下滚动以查看其他歌曲。如何添加滚动条?这是我在HTML5中的表格代码:URLhttp://www.youtube.com/embed/evuSpI2Genwhttp://www.youtube.com/embed/evuSpI2Genw这是我的CSS代码:#my_table{border-radius:20px;background-color:transparent;color:black;width:500px;text-align:center;} 最佳答案

css - 如何向 HTML5 表格添加滚动条?

我有一个HTML5表格,我想在其中添加一个滚动条。我希望表格显示十行,然后用户可以向下滚动以查看其他歌曲。如何添加滚动条?这是我在HTML5中的表格代码:URLhttp://www.youtube.com/embed/evuSpI2Genwhttp://www.youtube.com/embed/evuSpI2Genw这是我的CSS代码:#my_table{border-radius:20px;background-color:transparent;color:black;width:500px;text-align:center;} 最佳答案

html - 在 <a> 标签中包装 HTML 表格行

是否可以将整个表行包装在中?标签?我希望整行成为一个可点击的链接。如果我尝试以下操作,链接会呈现在表格的上方和外面:这个:valuevaluevaluevalue像这样呈现:valuevaluevaluevalue 最佳答案 编辑2021:现在似乎有更好的选项,它们更语义化,对屏幕阅读器更友好。查看例如Janssolution.原始答案:由于每个td中的链接都不是一个好的选择,并且使用js有点脏,这是另一种html/css方法:HTML:.........CSS:.table{display:table;}.table-row{di

html - 在 <a> 标签中包装 HTML 表格行

是否可以将整个表行包装在中?标签?我希望整行成为一个可点击的链接。如果我尝试以下操作,链接会呈现在表格的上方和外面:这个:valuevaluevaluevalue像这样呈现:valuevaluevaluevalue 最佳答案 编辑2021:现在似乎有更好的选项,它们更语义化,对屏幕阅读器更友好。查看例如Janssolution.原始答案:由于每个td中的链接都不是一个好的选择,并且使用js有点脏,这是另一种html/css方法:HTML:.........CSS:.table{display:table;}.table-row{di

html - 如何在 CSS 中制作列宽相等的表格?

我有一个包含这样的表格的文档:WordDefinitionWordDefinitionWordDefinition使用CSS,我需要将所有单元格设置为50%宽度,左侧“列”中的文本右对齐,左侧列中的文本左对齐。我尝试了很多不同的选择,例如宽度:50%;text-align:left,但结果总是不正常。结果应如下所示:_________________________|word|definition||____________|____________||word|definition||____________|____________|我无法直接调整表的实际代码。我只能修改CSS样式

html - 如何在 CSS 中制作列宽相等的表格?

我有一个包含这样的表格的文档:WordDefinitionWordDefinitionWordDefinition使用CSS,我需要将所有单元格设置为50%宽度,左侧“列”中的文本右对齐,左侧列中的文本左对齐。我尝试了很多不同的选择,例如宽度:50%;text-align:left,但结果总是不正常。结果应如下所示:_________________________|word|definition||____________|____________||word|definition||____________|____________|我无法直接调整表的实际代码。我只能修改CSS样式

html - 表格的边框半径未按预期运行

我想在整个表格周围添加一个边框半径。但是以下代码在最新版本的Firefox和GoogleChrome中均无效。table{border-spacing:0;width:600px;margin:30px;border:1pxsolid#CCCCCC;border-radius:6px6px6px6px;-moz-border-radius:6px6px6px6px;-webkit-border-radius:6px6px6px6px;box-shadow:01px1px#CCCCCC;}tableth:first-child{border-radius:6px000;-moz-bord