首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >纺织-细胞填充

纺织-细胞填充
EN

Stack Overflow用户
提问于 2017-09-03 15:55:09
回答 1查看 60关注 0票数 0

我使用外部地图我的黑石门户运动(使用纺织),但地图是拼凑在一起的单独的较小的图像。我想保留不同图像的格式,我可以点击并查看一段地图,但是单元格填充阻碍了地图的无缝化,因为它应该是appear...or的图像属性问题,我不确定.

是否有任何方法来修复这个问题,使图像看起来完整,并仍然作为链接到地图的不同部分?我在我的门户上放了一张表的片段.

谢谢!

代码语言:javascript
复制
| |_. 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 |
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-09-04 18:13:19

纺织品本身不添加填充物本身,您可以用CSS删除它,例如:

代码语言:javascript
复制
table {
    border-collapse: collapse;
    border-spacing: 0 0;
    border: none
    margin: 0;
    padding: 0;
}

还可以将类或id分配给表及其元素,查看文档:https://txstyle.org/doc/15/tables

您可以手动将样式分配给所有元素:

代码语言:javascript
复制
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 |
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46025239

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档