html checkbox 文字自动换行

最新推荐文章于 2024-01-26 14:34:40 发布

原创最新推荐文章于 2024-01-26 14:34:40 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

jquery 同时被 3 个专栏收录

46 篇文章

订阅专栏

html

43 篇文章

订阅专栏

32 篇文章

订阅专栏

本文介绍了一种使用CSS使checkbox及其相关文本自动换行的方法。通过将checkbox和其对应的文本封装在一个带有特定样式的span标签中，可以实现美观且响应式的布局效果。

checkbox 自动换行

把匹配的checkbox和文字用一对span标签包裹
并且给这个span标签加样式 display:inline-block

<span style="display:inline-block">
    <input id="Checkbox1" type="checkbox"  value="1"/>文字1
</span>
<span style="display:inline-block">
    <input id="Checkbox2" type="checkbox"  value="2"/>文字2
</span>

分类: css+div