对齐复选框
瓦阿特
我想在我的网站中对齐复选框，并在stackoverflow上进行了一些搜索，发现了一些解决方案，这些解决方案无法帮助我根据需要对齐复选框。第一个解决方案问题和第二个解决方案问题。
我的复选框如下图所示。
该红色线是我希望我所有的复选框是。
这是我的复选框的代码...
<label id="Disease">Disease:</label><br />
<!--emfanizei tis epiloges gia ta diseases me basi auta p exoume sti basi mas -->
<?php
$sql = "SELECT name FROM disease";
$query_resource = mysql_query($sql);
while( $name = mysql_fetch_assoc($query_resource) ):
?>
<span><?php echo $name['name']; ?></span>
<input type="checkbox" name="disease[]" value="<?php echo $name['name']; ?>" /><br />
<?php endwhile; ?>
你能帮我吗？
乔什·伯吉斯（Josh Burgess）
将以下CSS添加到您的站点：
label#Disease ~ span {
display: inline-block;
width: 180px;
}
这为span跟随您label#Disease元素的兄弟姐妹设置了一定的宽度，这会将所有复选框推到右侧。
播放宽度，使其达到所需的大小，确保没有文本溢出或其他问题。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
对齐复选框
- 2
复选框未对齐
- 3
对齐复选框 CSS
- 4
复选框文字未向左对齐
- 5
表列中复选框的对齐
- 6
复选框旁边的文本对齐
- 7
对齐复选框及其旁边的文本
- 8
文字未与相应的复选框对齐
- 9
文本旁边的对齐复选框
- 10
复选框对齐表替代
- 11
如何正确对齐复选框？
- 12
复选框需要与标签对齐
- 13
弹簧复选框的水平对齐
- 14
Twitter Bootstrap对齐复选框
- 15
Bootstrap复选框对齐问题
- 16
文字未与相应的复选框对齐
- 17
表列中复选框的对齐
- 18
文本旁边的对齐复选框
- 19
将2个复选框对齐
- 20
Asp复选框列表对齐的问题
- 21
div内的复选框对齐
- 22
复选框与引导程序对齐
- 23
垂直对齐多个复选框
- 24
如何对齐文本旁边的复选框
- 25
Twitter Bootstrap：将复选框与复选框标签对齐的正确方法
- 26
扩展复选框的复选框
- 27
如何对齐CheckedtextView中右侧的复选框
- 28
Bootstrap复选框输入垂直对齐
- 29
将复选框与td中的文本对齐
我来说两句