html - 带有多行文本的标签内的中心复选框

Question

当有多行文本时，如何使用 css 将复选框置于标签内的中心？当我只有少量文本时，一切都对我有用。但是当我输入 2 或 3 行文本时，它不起作用。不明白这里出了什么问题......

<label class="checkbox-input--label" for="check_politika_pats-h">
    <span class="checkbox-input--checkbox"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" class=""><path d="M5.19 9.91a.93.93 0 0 1-.61-.23L.25 5.69a.76.76 0 0 1 0-1.12.9.9 0 0 1 1.21 0l3.73 3.44 7.35-6.78a.9.9 0 0 1 1.21 0c.33.32.33.81 0 1.12L5.79 9.68a.88.88 0 0 1-.6.23z"></path></svg></span>
    Donec pharetra condimentum tincidunt. Donec sed imperdiet metus. Nullam dapibus augue ex. Quisque dignissim tempor justo, sit amet mattis tellus tempus in. Praesent ut mi maximus, hendrerit leo in, semper sem. Morbi et ligula a felis fermentum ornare sit amet et urna. Curabitur elementum arcu et convallis vestibulum. Nullam molestie urna quis tellus imperdiet, vitae mattis turpis vulputate. Pellentesque sagittis convallis neque eu lacinia. Aenean ac arcu et orci ornare luctus in eu libero. Curabitur rutrum urna sed elementum gravida. Quisque justo felis, mollis sed iaculis quis, feugiat sed odio. Integer ornare risus sed nulla volutpat consequat. Aenean diam dui, suscipit vel leo eget, ullamcorper porttitor erat.
</label>

这是我的 codepen 代码: https://codepen.io/infed/pen/BqaMWm

我的目标是:我们有这么多的文字，我需要让这个图标居中。

Answer 1

Flexbox 可以做到这一点。

label {
  display: flex;
  align-items: center;
}

span {
  margin-right: 1em;
}

<label class="checkbox-input--label" for="check_politika_pats-h">
        <span class="checkbox-input--checkbox"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" class=""><path d="M5.19 9.91a.93.93 0 0 1-.61-.23L.25 5.69a.76.76 0 0 1 0-1.12.9.9 0 0 1 1.21 0l3.73 3.44 7.35-6.78a.9.9 0 0 1 1.21 0c.33.32.33.81 0 1.12L5.79 9.68a.88.88 0 0 1-.6.23z"></path></svg></span>
        savivaldybės įmonės, akcinės bendrovės, uždarosios akcinės bendrovės, kurių akcijos ar dalis akcijų, suteikiančių daugiau kaip 1/2 visų balsų šių bendrovių visuotiniame akcininkų susirinkime, priklauso savivaldybei nuosavybės teise ir kurios laikomos didelėmis įmonėmis pagal Lietuvos Respublikos įmonių finansinės atskaitomybės įstatymą, valdymo ar priežiūros organo narys
    </label>