问答:css - checkbox的文字不一样长，怎么设置能保证整齐还能显示所有文字？ - 问答

8 个回答

这个问题是我没有说清楚，因为数据是动态的，所以我只能根据传过来数据字符串最长的来计算设置的宽度，然而js计算字符串长度用str.length的时候，不管中文字符还是英文字符都计算为1，所以只能让后台传过来最长字符串的长度了。这是我目前的解决办法，不知道有没有更好的。求指教！

2022-11-12 01:44 回答

戴乐季206
加一个样式 vertical-align:middle

2022-11-12 01:44 回答

Fate丶灬小庆_926
可以选择用li标签包裹

2022-11-12 01:44 回答

mobiledu2502860837
只能保证input和文字始终在一起。

方案：input+文字外加label标签，并且设置样式inline-block

2022-11-12 01:44 回答

mobiledu2502917177
设置好行高line-height
再去百度看看这个属性吧vertical-align，可以用来实现这个整齐

2022-11-12 01:44 回答

劲吻2502877607
这个没有办法吧，要整齐就要设置宽度。

2022-11-12 01:44 回答

ShiZha0_625

 <p>
 <span><input type="checkbox" name="chk">xxxx</span>
 ...
</p>

p > span {
 white-space: nowrap;
}

p {
  text-align: justify;
}

2022-11-12 01:44 回答

mobiledu2502868523