主页 / coding / 问题 / 77155739
Accepted
Quinten
Asked: 2023-09-22 15:48:37 +0800 CST

更改两列布局四开中的字体大小

  • 772

我想更改四开版中两列布局的一部分的字体大小。这是一些无需更改字体大小的可重现代码：

---
output: revealjs
---

:::: {.columns}

::: {.column width="40%"}
Example list:

* unordered list
    + sub-item 1
    + sub-item 2
        - sub-sub-item 1
:::

::: {.column width="60%"}
![Here's an elephant](https://www.r-project.org/logo/Rlogo.png)
:::

::::

输出：

在此输入图像描述

正如你所看到的，这效果很好。两列布局很好。想象一下我想更改文本部分（第一列）的字体大小，我们可以使用style="font-size: 50%;"以下方法来减小字体大小：

:::: {.columns}

::: {.column width="40%" style="font-size: 50%;"}
Example list:

* unordered list
    + sub-item 1
    + sub-item 2
        - sub-sub-item 1
:::

::: {.column width="60%"}
![Here's an elephant](https://www.r-project.org/logo/Rlogo.png)
:::

::::

输出：

在此输入图像描述

正如你所看到的，字体大小确实减小了，但是布局又不一样了。图片向左移动得更多。所以我想知道是否有人知道如何在不移动项目的情况下减小两列布局中列的字体大小？

1 个回答

  1. Best Answer

    问题是列宽是通过style属性设置的。但是，通过设置font-sizeviastyle属性，您将覆盖默认值并且列宽会被删除：

    在此输入图像描述

    也许有默认选项可以设置字体大小而不覆盖默认值。但一个可能的解决方法是style也通过属性设置列宽：

    ---
output: revealjs
---

:::: {.columns}

::: {.column style="width: 40%; font-size: 50%;"}
Example list:

* unordered list
    + sub-item 1
    + sub-item 2
        - sub-sub-item 1
:::

::: {.column width="60%"}
![Here's an elephant](https://www.r-project.org/logo/Rlogo.png)
:::

::::

    在此输入图像描述

    • 2

相关问题