Html 在ipython笔记本中,can';不要像往常一样隐藏表格边框
以下IPython笔记本单元将生成具有灰色背景和边框的表格:Html 在ipython笔记本中,can';不要像往常一样隐藏表格边框,html,css,ipython-notebook,Html,Css,Ipython Notebook,以下IPython笔记本单元将生成具有灰色背景和边框的表格: from IPython.display import HTML s=""" <style type="text/css"> table, td { border-collapse: collapse; border-style: hidden; background-color: rgb(240,240,240); } </style> <table>
from IPython.display import HTML
s="""
<style type="text/css">
table, td {
border-collapse: collapse;
border-style: hidden;
background-color: rgb(240,240,240);
}
</style>
<table>
<tr>
<td>a
<td>b
<tr>
<td>c
<td>d
</table>
"""
h = HTML(s); h
从IPython.display导入HTML
s=”“”
表,td{
边界塌陷:塌陷;
边框样式:隐藏;
背景色:rgb(240240);
}
A.
B
C
D
"""
h=HTML(s);H
但是,当相同的html内容(字符串s的内容)是普通html文件的整个主体时,表具有灰色背景,没有边框(如预期的那样)。在IPython笔记本中,边框属性似乎无法正常工作。有什么想法吗
另一个难题是:在表中添加colgroup,在css选择器中添加col,会导致IPython notebook中除了行之间的水平规则之外的所有规则都消失。当html文档的
中出现一个没有(HTML5)作用域属性的元素时,代理的行为是未指定的
像Firefox和Opera这样的浏览器无论如何都会尝试做一些事情,但我们不能确定在这种模糊的上下文中如何解释
您有两个简单的(本地)解决方案:
- 添加
scoped
属性(在Firefox中运行良好,在Opera中不太好,不了解IE)
-->
scoped
属性备受争议,例如:and
- 当然,还有您的
元素
在我看来,其他更全局的解决方案并不是很好,但这取决于您想要实现什么。当html文档的
中出现一个没有(HTML5)作用域的属性的
元素时,代理的行为是未指定的
像Firefox和Opera这样的浏览器无论如何都会尝试做一些事情,但我们不能确定在这种模糊的上下文中如何解释
您有两个简单的(本地)解决方案:
- 添加
scoped
属性(在Firefox中运行良好,在Opera中不太好,不了解IE)
-->
scoped
属性备受争议,例如:and
- 当然,还有您的
元素
在我看来,其他更具全局性的解决方案不是很好,但这取决于您想要实现的目标。这将从整个表中删除边框:
在表标记单元格上方创建并运行代码单元格,其内容如下:
%%html
<style>
table,td,tr,th {border:none!important}
</style>
%%%html
表,td,tr,th{边界:无!重要}
这将从整个表中删除边框:
在表标记单元格上方创建并运行代码单元格,其内容如下:
%%html
<style>
table,td,tr,th {border:none!important}
</style>
%%%html
表,td,tr,th{边界:无!重要}
或者,您可以使用内联css
<table style="border-style:hidden;border-collapse:collapse;">
或者,您可以使用内联css
<table style="border-style:hidden;border-collapse:collapse;">
感谢您确定问题所在。我把样式元素放在身体里(没有考虑太多),因为我不知道如何接近头部,我会把它放在哪里。我正在尝试使用IPython笔记本作为生成网页的一种方式,但也许更传统的工具更合适。感谢您发现这个问题。我把样式元素放在身体里(没有考虑太多),因为我不知道如何接近头部,我会把它放在哪里。我正在试用IPython笔记本作为生成网页的一种方式,但也许更传统的工具更合适。