ipython-notebook - lab - jupyter server

cuaderno ipython alinea la tabla a la izquierda de la celda

Question

Tengo el siguiente código de portátil ipython (descuento):

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

El resultado se ve a continuación:

Cómo puedo:

1. Alinear a la izquierda la tabla de la celda, ahora está centrada por defecto.
2. Alinee a la derecha el segundo texto col.

Answer 1

Bueno, sí !

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

• :--- o --- = alineado a la izquierda
• ---: = alineado a la derecha
• :---: = centrado

Answer 2

Puede hacer una preferencia personalizada en Ipython.

Solo crea el siguiente archivo

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

y agrega el siguiente código.

table {float: left};

y No tiene que poner el CSS personalizado en todos los archivos de ipython.

Answer 3

Responda a la primera pregunta - alinee a la izquierda la tabla - cree y ejecute una celda de código sobre la celda de la marca de la tabla, con el siguiente contenido:

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

Answer 4

Respondiendo a la primera pregunta: Cuando se crea una tabla y se le asigna el atributo float: left, se termina agregando más CSS para resolver el texto que rodea la tabla. Coloque esto en una celda de código antes de su celda de descuento

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

Sin embargo, si tiene un montón de CSS, sería mejor colocarlo en otro archivo para la belleza general del documento.

@jrjc responde perfectamente la 2da pregunta;)

Answer 5

Sugeriría usar esta variante de la respuesta de knuth que no afecta el flujo de los elementos restantes alrededor de la mesa. Coloque este código dentro de una celda encima de la que contiene la tabla:

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