请教 我加大了页面ul元素下的li元素的文字大小,现在上下两行的文字拥挤,请问用 js怎么修改li元素的高度

请教 我加大了页面ul元素下的li元素的文字大小,现在上下两行的文字拥挤,请问用 js怎么修改li元素的高度,第1张

设置行高即可:

<ul class="room" style="font-size:24pxline-height:1.5">

是不是你css写错了或者写的不规范,我做了个例子,并没有你所说的情况出现,效果如下图

html:

<div class="demo">

    <ul class="list">

        <li class="list1"></li>

        <li class="list2"></li>

    </ul>

</div>

css:

*{margin: 0padding: 0}

.demo{width: 300pxheight: 600pxborder: 10px solid #dddmargin: 30px auto}

.list{list-style: nonewidth: 100%height: 100%}

.list li{height: 50%}

.list1{background: #23b7e5}

.list2{background: #f0ad4e}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/10898226.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存