gpt4 book ai didi

html - 子 div 背景颜色 HTML 雅虎电子邮件有问题

转载 作者:太空宇宙 更新时间:2023-11-04 07:10:40 25 4
gpt4 key购买 nike

我有一个动态的“进度条”组件,它为不同的百分比呈现不同的背景颜色和宽度

<div
style={{
backgroundColor: '#FFFFFF',
height: '24px',
borderRadius: '3px',
border: '1px solid black'
}}
>
<div
style={{
width: `${percentage}%`,
height: '100%',
backgroundColor: '#15c621'
}}
/>
</div>

此组件适用于除 Yahoo mail 之外的所有电子邮件客户端。嵌套的 div 背景颜色和宽度都不会在电子邮件中呈现,父背景颜色会显示进度条的长度。我该如何解决这个问题,使子 div 背景以正确的宽度和颜色显示?

最佳答案

[已解决] - 在子 div 中添加不间断空间会强制 div 的高度到父容器。最终代码是

    <div
style={{
backgroundColor: '#FFFFFF',
height: '24px',
borderRadius: '3px',
border: '1px solid black'
}}
>
<div
style={{
width: `${percentage}%`,
height: '100%',
backgroundColor: '#15c621'
}}
>
&nbsp;
</div>
</div>

关于html - 子 div 背景颜色 HTML 雅虎电子邮件有问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51220187/

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