html display:flex 字体大小

在使用 display:flex 属性时，可以通过设置 font-size 属性来控制文本的大小。可以将 font-size 属性应用于具有 flex 值的父元素或具有 flex 子项的子元素。

如果要在具有 flex 值的父元素中设置文本大小，可以直接在父元素上设置 font-size 属性。这将影响到父元素内的所有子元素的文本大小，除非子元素上有单独设置的字体大小。

示例代码：

<style>
    .container {
        display: flex;
        font-size: 16px; /* 设置父元素字体大小为 16 像素 */
    }
</style>

<div class="container">
    <div>子元素 1</div>
    <div>子元素 2</div>
    <div>子元素 3</div>
</div>

如果要在具有 flex 子项的子元素中设置文本大小，可以直接在子元素上设置 font-size 属性。这将覆盖父元素上的字体大小设置。

示例代码：

<style>
    .container {
        display: flex;
    }

    .child {
        font-size: 18px; /* 设置子元素字体大小为 18 像素 */
    }
</style>

<div class="container">
    <div class="child">子元素 1</div>
    <div class="child">子元素 2</div>
    <div class="child">子元素 3</div>
</div>

请注意，这只是设置文本大小的一种方法，可以根据具体需求选择适合的方法。