css 如何在降价中去掉表格边框?

2exbekwf  于 2023-01-03  发布在  其他
关注(0)|答案(3)|浏览(142)

这是我的降价代码

| Time         | Length        | Speed              | Mass         |    
|--------------|---------------|--------------------|--------------|
| Millisecond  | Millimetre    | Kilometre per hour | Milligram    |   
| Second       | Centimetre    | Foot per second    | Gram         |  
| Minute       | Inch          | Miles per hour     | Ounce        |     
| Hour         | Foot          | Knot               | Pound        |  
| Day          | Yard          | Metre per second   | Kilogram     |  
| Week         | Metre         |                    | Us ton       |  
| Month        | Kilometre     |                    | Tonne        |  
| Year         | Mile          |                    | Imperial ton |  
| Decade       | Nautical mile |                    |              |  
| Century      |               |                    |              |  
| Millennium   |               |                    |              |

输出:
| 时间|长度|速度|质量|
| - ------| - ------| - ------| - ------|
| 毫秒|毫米|公里/小时|毫克|
| 第二次|厘米|英尺/秒|克|
| 分钟|英寸|英里/小时|盎司|
| 小时|足|线结|磅|
| 日|码|米每秒|公斤|
| 周|米||美吨|
| 月份|公里||吨|
| 年份|哩||英制吨|
| 十年|海里|||
| 世纪||||
| 千禧年||||
我想知道是否有可能把它做成没有边框的table。

w8f9ii69

w8f9ii691#

Markdown本身没有隐藏表格边框的机制,你可以覆盖生成的HTML的表格CSS样式,但是只有当你有CSS权限的时候才可以。
对于像Github这样的服务,CSS样式是由服务所有者预定义的,不能被覆盖,表格边框根本不能隐藏。

vjrehmav

vjrehmav2#

您可以尝试在markdown文件的顶部添加一个<style>标记,其中包含删除<td><tr>元素上的边框的规则。
但不幸的是,我注意到它只能在本地预览时工作。Github sanitizes内联样式和脚本标签

<style>
td, th {
   border: none!important;
}
</style>

| Time         | Length        | Speed              | Mass         |
| ------------ | ------------- | ------------------ | ------------ |
| -Millisecond | Millimetre    | Kilometre per hour | Milligram    |
| Second       | Centimetre    | Foot per second    | Gram         |
| Minute       | Inch          | Miles per hour     | Ounce        |

cnjp1d6j

cnjp1d6j3#

只需添加:

<style>
table {
    border-collapse: collapse;
}
table, th, td {
   border: 1px solid black;
}
blockquote {
    border-left: solid blue;
    padding-left: 10px;
}
</style>

| Column One    | Column Two    |                                                                                                                                                   
| ---           | ---           |                                                                                                                                                   
| data cell one | data cell two |

你将得到一个漂亮的,功能表的所有边界的所有单元格。

相关问题