ipython笔记本对齐表格左侧的单元格

Question

我有以下ipython笔记本代码（降价）：

#### example table
|Name|Description|
|--|-------------------------------|
|Mary |She is a nice girl.|
|Jackie |He is a very naughty boy.|

输出如下所示：

我怎么能：

1. 左对齐单元格的表格，现在默认为中心。
2. 右对齐第二个col文本。

Answer 1

嗯，是的！

| Name | Description | age         
| :- |-------------: | :-:
|Mary| She is a nice girl.  | 20
| Jackie Junior | He is a very naughty boy. | 5

• :---或--- = left align
• ---: =右对齐
• :---: =居中

Answer 2

回答第一个问题 - 左对齐表格 - 在表格降价单元格上方创建并运行代码单元格，其中包含以下内容：

%%html
<style>
table {float:left}
</style>

Answer 3

我建议使用这个knuth答案的变体，它不会影响桌子周围剩余元素的流动。将此代码放在包含表格的单元格上方的单元格中：

%%html
<style>
  table {margin-left: 0 !important;}
</style>

Answer 4

您可以在Ipython中创建自定义首选项。

只需制作以下文件

即可

~/.ipython/profile_default/static/custom/custom.css

并添加以下代码。

table {float: left};

并且您不必将自定义css放在所有ipython文件中。

Answer 5

！important覆盖呈现的_html的css

  

将样式与！important一起使用

<style> table td, table th, table tr {text-align:left !important;} </style>

Answer 6

回答第一个问题：在创建表格并为其指定float：left属性时，您最终必须添加更多CSS来解析围绕表格的文本。将其放在降价单元格之前的代码单元格中

%%html
<style>
    table {
        display: inline-block
    }
</style>

但是，如果你有很多CSS，最好将它放在另一个文件中，以获得整个文档的美感。

@jrjc完美地回答了第二个问题;）