gpt4 book ai didi

html - 如何在不同的div中使字体大小输出相同?

转载 作者:太空宇宙 更新时间:2023-11-03 22:41:25 30 4
gpt4 key购买 nike

只是一个普通的 HTML 和正文。典型的 div,例如宽度为 66.66% 和 33.33 的两个 div 和 float: left 设置。这两个五个将并排排列但字体输出大小不同。此外,100% 宽度的 5 的字体输出大小也不同。

如何仅使用 CSS 使不同 Div 中的所有字体大小相同?

我试过 em 或 ch vw 结果很乱

HTML代码

<Body>
<div >
<Div class="col23"> anything looong</div >
<Div class="col13" > something a bit</div >
<div >
</body>

样式

.col23 {
width: 66.66%;
}
.col13 {
width: 33.33%;
}

最佳答案

将样式分配给所有类:

由于您没有要显示的代码...这是一个示例:

<div class="left">
Left
</div>

<div class="right">
Right
</div>

<div class="clearfix"></div>

<div class="left">
Left
</div>

<div class="right">
Right
</div>

<div class="clearfix"></div>

CSS:

.left, .right {
float: left;
color: #fff;
height: 10em;
font-size: 1.5em;
}
.left {
width: 66.66%;
background-color: #000;
}

.right {
width: 33.33%;
background-color: red;
}

.clearfix {
clear: both;
}

演示:https://jsfiddle.net/vnsv26j6/1/

关于html - 如何在不同的div中使字体大小输出相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43824506/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com