纺织品 - 细胞填充
Textile - Cell padding
我在我的 Obsidian Portal 活动中使用外部地图（使用 Textile），但该地图是由单独的较小图像拼凑而成的。我想保留格式，我可以单击并查看地图的一部分的单独图像，但是单元格填充妨碍了使地图无缝显示，因为它应该出现......或者它的图像属性问题，我我不确定...
有什么方法可以解决这个问题，使图像看起来完整，并且仍然可以作为指向地图各个部分的链接？我在下面添加了 table 的片段，因为它出现在我的门户网站上...
谢谢！
| |_. A |_. B |_. C |_. D |
|_. 1 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png |
|_. 2 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png |
|_. 3 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png |
|_. 4 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png |
Textile本身不加padding，可以用CSS去掉，例如：
table {
border-collapse: collapse;
border-spacing: 0 0;
border: none
margin: 0;
padding: 0;
}
您还可以将 class 或 id 分配给 table 及其元素，请查看文档：https://txstyle.org/doc/15/tables
并且您可以手动为所有元素指定样式：
table{padding: 0; margin:0; border-spacing: 0 0; border-collapse: collapse; border: none}.
| |_{padding: 0; margin:0}. A |_{padding: 0; margin:0}. B |_{padding: 0; margin:0}. C |_{padding: 0; margin:0}. D |
|_{padding: 0; margin:0}. 1 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png |
|_{padding: 0; margin:0}. 2 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png |
|_{padding: 0; margin:0}. 3 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png |
|_{padding: 0; margin:0}. 4 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png |
我在我的 Obsidian Portal 活动中使用外部地图（使用 Textile），但该地图是由单独的较小图像拼凑而成的。我想保留格式，我可以单击并查看地图的一部分的单独图像，但是单元格填充妨碍了使地图无缝显示，因为它应该出现......或者它的图像属性问题，我我不确定...
有什么方法可以解决这个问题，使图像看起来完整，并且仍然可以作为指向地图各个部分的链接？我在下面添加了 table 的片段，因为它出现在我的门户网站上...
谢谢！
| |_. A |_. B |_. C |_. D |
|_. 1 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png |
|_. 2 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png |
|_. 3 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png |
|_. 4 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png |
Textile本身不加padding，可以用CSS去掉，例如：
table {
border-collapse: collapse;
border-spacing: 0 0;
border: none
margin: 0;
padding: 0;
}
您还可以将 class 或 id 分配给 table 及其元素，请查看文档：https://txstyle.org/doc/15/tables
并且您可以手动为所有元素指定样式：
table{padding: 0; margin:0; border-spacing: 0 0; border-collapse: collapse; border: none}.
| |_{padding: 0; margin:0}. A |_{padding: 0; margin:0}. B |_{padding: 0; margin:0}. C |_{padding: 0; margin:0}. D |
|_{padding: 0; margin:0}. 1 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png |
|_{padding: 0; margin:0}. 2 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png |
|_{padding: 0; margin:0}. 3 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png |
|_{padding: 0; margin:0}. 4 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png |