vuejs怎样将checkbox样式设置为⼀排展⽰开始拿到⼀个页⾯，页⾯是这样展⽰的：
这个展⽰的太不友好，现在希望将这个弄成⼀排展⽰，最后达到这样的效果：
因为前⾯已经设置了label样式，所以现在只需要根据id进⾏设置样式就⾏，之前的代码是这样的：
修改之后的代码为：
<style scoped>
#add-blog *{
box-sizing: border-box;
}
#add-blog{
margin: 20px auto;
max-width: 600px;
padding: 20px;
}
label{
display: block;//表⽰每个label标签独占⼀⾏
margin: 20px 0 10px;
}
box sizing
input[type="text"],textarea,select{
display: block;
width: 100%;
padding: 8px;
}
#checkboxes label{
display: inline-block;//表⽰checkboxes⾥⾯每个label标签填充在⼀⾏    margin-top: 0;
}
</style>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。