Align-Center Column Class: Difference between revisions
From Horizon Wiki Mirror
Content deleted Content added
imported>Spiffly 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..." |
imported>Aramachus 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.
