Выравнивание текста на карточке dbc – сюжетное тире ⇐ Python

[Anonymous]

Кажется, я не могу изменить выравнивание текста на карточке dbc. Используя приведенное ниже, я хочу переместить 100 на карте 2 вниз. Я пытаюсь переместить его вверх или вниз, но ничего не получается. У меня есть определенные размеры карточек, которые мне нужно поддерживать, поэтому мне бы очень хотелось сохранить их фиксированную высоту и просто иметь возможность сдвигать поля текста.

Код: Выделить всё

import dash
from dash import Dash, dcc, html
import dash_bootstrap_components as dbc

external_stylesheets = [dbc.themes.SPACELAB, dbc.icons.BOOTSTRAP]

app = dash.Dash(__name__, external_stylesheets = external_stylesheets)

cards = dbc.CardGroup(
[
dbc.Card(
dbc.CardBody(
[
html.H5("Card 1", className="card-title"),
html.P(
"This card has some text content, which is a little "
"bit longer than the second card.",
className="card-text",
),
html.P(
100,
className="card-text text-center align-self-bottom",
),
]
)
),
dbc.Card(
dbc.CardBody(
[
html.H5("Card 2", className="card-title"),
html.P(
"This card has some text content.",
className="card-text",
),
html.P(
100,
style = {"marginBottom": -50, 'paddingBottom':-500},
className="card-text text-center align-self-bottom",
),
]
)
),
dbc.Card(
dbc.CardBody(
[
html.H5("Card 3", className="card-title"),
html.P(
"This card has some text content, which is longer "
"than both of the other two cards, in order to "
"demonstrate the equal height property of cards in a "
"card group.",
className="card-text",
),
html.P(
100,
className="card-text text-center align-self-bottom",
),
]
)
),
]
)

app.layout = dbc.Container([

dbc.Row(
[
dbc.Col(cards),
]
)

])

if __name__ == '__main__':
app.run_server(debug=True, port = 8050)

Подробнее здесь: https://stackoverflow.com/questions/788 ... lotly-dash