gpt4 book ai didi

html - 需要设置宽度取决于它的内容

转载 作者:太空宇宙 更新时间:2023-11-03 23:26:37 24 4
gpt4 key购买 nike

我需要为 div 设置宽度取决于它的内容..下面是我的 HTML 流程。

流程 1:

<div id="header-cart" class="block block-cart skip-content skip-active">
<div class="minicart-wrapper">
<p class="block-subtitle"></p>
<p class="empty">You have no items in your shopping cart.</p>
</div>
</div>

流程 2:

<div id="header-cart" class="block block-cart skip-content skip-active">
<div class="minicart-wrapper">
<p class="block-subtitle"></p>
<div>
<div id="minicart-widgets"> </div>
<div class="block-content"></div>
<div class="minicart-actions"></div>
</div>
</div>
</div>

我上面解释了两个 HTML 流程..我需要的是设置

width as 220px and 300px

对于

<div id="header-cart">

.

当出现 <p class="empty"> in <div id="header-cart">

<div id="header-cart">应该在

width 220px

.

如果不是,则应为 300 像素。

我不知道如何为这个级联设置流量。

谁能帮帮我??提前致谢..

最佳答案

您可以为此使用 JavaScript。

if(document.querySelectorAll("div#header-cart p.empty").length==0){

document.getElementById('header-cart').style.width="300px";

}else{

document.getElementById('header-cart').style.width="220px";

}

关于html - 需要设置宽度取决于它的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26709226/

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