Article Layout - Column-body - Quarto
Có thể bạn quan tâm
Page Column
If you need even more space for your content, you can use the .column-page class to make the content much wider, though stopping short of extending across the whole document.
.column-page
For example, to create a wider image, you could use:
:::{.column-page}  :::
For computational output, you can specify the page column in your code cell options. For example:
```{r} #| column: page knitr::kable( mtcars[1:6, 1:10] ) ```| mpg | cyl | disp | hp | drat | wt | qsec | vs | am | gear | |
|---|---|---|---|---|---|---|---|---|---|---|
| Mazda RX4 | 21.0 | 6 | 160 | 110 | 3.90 | 2.620 | 16.46 | 0 | 1 | 4 |
| Mazda RX4 Wag | 21.0 | 6 | 160 | 110 | 3.90 | 2.875 | 17.02 | 0 | 1 | 4 |
| Datsun 710 | 22.8 | 4 | 108 | 93 | 3.85 | 2.320 | 18.61 | 1 | 1 | 4 |
| Hornet 4 Drive | 21.4 | 6 | 258 | 110 | 3.08 | 3.215 | 19.44 | 1 | 0 | 3 |
| Hornet Sportabout | 18.7 | 8 | 360 | 175 | 3.15 | 3.440 | 17.02 | 0 | 0 | 3 |
| Valiant | 18.1 | 6 | 225 | 105 | 2.76 | 3.460 | 20.22 | 1 | 0 | 3 |
In addition, you can use .column-page-inset to inset the element from the page slightly, like so:
.column-page-inset
Từ khóa » Html Column Margin
-
How Do I Add A Margin Between Bootstrap Columns Without Wrapping
-
CSS Column-gap Property - W3Schools
-
CSS Margin Property - W3Schools
-
2-column Layout With Margin In Between
-
Margin - CSS: Cascading Style Sheets - MDN Web Docs
-
Column-gap (grid-column-gap) - CSS: Cascading Style Sheets | MDN
-
Spacing - Bootstrap
-
Responsive Layout Grid - Material Design
-
Styling HTML3 Tables
-
How To Add Space Between Columns In Bootstrap - Code Helpers
-
Gap | CSS-Tricks
-
Margin - Tailwind CSS
-
Spacing In CSS - Ahmad Shadeed