Change the alignment of elements with the vertical-alignment
utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements.
Choose from .align-baseline
, .align-top
, .align-middle
, .align-bottom
, .align-text-bottom
, and .align-text-top
as needed.
To vertically center non-inline content [like With inline elements: baseline top middle bottom text-top text-bottom With table cells:
Vertical align utilities are declared in our utilities API in Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements. Change the alignment of elements with the Choose from With
inline elements: baseline top middle bottom text-top text-bottom With table cells:
baseline
top
middle
bottom
text-top
text-bottom
baseline
top
middle
bottom
text-top
text-bottom
baseline
top
middle
bottom
text-top
text-bottom
Sass
Utilities API
scss/_utilities.scss
. Learn how to use the utilities API. "align": [
property: vertical-align,
class: align,
values: baseline top middle bottom text-bottom text-top
],
vertical-alignment
utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements..align-baseline
, .align-top
, .align-middle
, .align-bottom
, .align-text-bottom
, and .align-text-top
as needed.baseline
top
middle
bottom
text-top
text-bottom
baseline
top
middle
bottom
text-top
text-bottom
baseline
top
middle
bottom
text-top
text-bottom
Chủ Đề