CSS Li background-image decreasing per line text

55ooxyrt  于 5个月前  发布在  其他
关注(0)|答案(1)|浏览(55)

我正在做一个基于https://codepen.io/chaoticpotato/pen/zYEPRYG的定价计划。然而,当每个项目符号的文本超过一行时,它会将每行的文本向左移动一点。这样做的结果是,项目符号背景图像只能部分可见,每行文本的可见性都降低了。

<ul class="featureList">
          <li>2 links</li>
          <li>Own analytics platform</li>
          <li>Chat support</li>
          <li class="disabled">Mobile application</li>
          <li class="disabled">Unlimited users</li>
        </ul>

个字符
我该怎么解决这个问题呢?我不得不在网上四处寻找,但到目前为止我还没有找到一个合适的解决方案。

kxeu7u2r

kxeu7u2r1#

正如@psdpainter在上面的评论中所说,解决方案是将flex-shrink: 0添加到.featureList li:before

相关问题