近期在调试网页时发现用百度的Ueditor编辑器在文章中增加一个表格,这个表格在编辑器中可以显示,但是文章一发表,网页中显示不出来,查看网面源代码,发现源代码中是有这个table的标签和内容的,后来搜索了一圈,在stackoverflow找到解决方法了。
在stackoverflow的一个帖子中有这么一段话,The table is invisible until you add styling and data to it.,就是说如果网页中不能显示talbe标签的表格,可能是因为没有给table标签设置样式,或者是表格中没有数据,表格标签中间一定要有数据,哪怕是 这样的空操作符也可以,但不能什么都没有
比如css代码可以这样写
table { border-collapse:collapse; } table td { border:1px solid #000; }
也可以直接在html中的table标签中这么写
<table border="1" cellspacing="0">
当然不推荐这么干,最好还是用css样式表来控制。
另外就是设置的table标签样式一定要正确,比如定位之类的属性,一定要写对,我这次就是因为我网页中的css显然设置了table标签的样式,但是样式中属性的值设置的不正确,导致表格显示不出来,把各属性设置成正常值后就可以显示了。
下面就是可以正常显示的css代码
/*表格的样式*/ table{ position: relative; bottom: 10%; left: 10%; z-index: 3; border-collapse:collapse; } table td { border:1px solid #000; }