Align-Center Column Class: Difference between revisions
From HorizonXI Wiki
(Created page with "This class can be used to give a certain column(s) the following formatting: <pre>align="center"</pre> To use, simple use the following class where the # is replaced with the number of the column you wish to center align: <pre> class="center-col-#"</pre> The class can be used for any column of a table, providing there is no more than 8 columns. == Example == {| class="horizon-table table-md general-table center-col-2 center-col-4" ! width="25%" | Column 1 ! width="25...") |
m (added note that it doesnt work with rowspan/colspan tables) |
||
| (One intermediate revision by one other user not shown) | |||
| Line 8: | Line 8: | ||
== Example == | == Example == | ||
{| class="horizon-table table-md | {| class="horizon-table table-md editing-table center-col-2 center-col-4" | ||
! width="25%" | Column 1 | ! width="25%" | Column 1 | ||
! width="25%" | Column 2 | ! width="25%" | Column 2 | ||
| Line 19: | Line 19: | ||
| text | | text | ||
|- | |- | ||
| Aligned left text | |||
| Aligned center text | |||
| text | |||
| text | |||
|} | |} | ||
'''Note:''' This does ''not'' work when using the colspan or rowspan. | |||
Latest revision as of 00:58, 21 November 2023
This class can be used to give a certain column(s) the following formatting:
align="center"
To use, simple use the following class where the # is replaced with the number of the column you wish to center align:
class="center-col-#"
The class can be used for any column of a table, providing there is no more than 8 columns.
Example
| Column 1 | Column 2 | Column 3 | Column 4 |
|---|---|---|---|
| Aligned left text | Aligned center text | text | text |
| Aligned left text | Aligned center text | text | text |
Note: This does not work when using the colspan or rowspan.
