如何防止CSS表格单元格内容扩展到行的全高

时间:2014-02-12 21:58:45

标签: html css css3 css-tables

如何保持项目(在我的情况下为切换样式的复选框)从扩展到表格单元格的完整高度。

您可以在此处查看我的问题:http://cdpn.io/scqev

当我的样式复选框是行中最高的东西时它工作正常,但当另一个单元格从包装文本扩展时,样式化复选框也会展开而不是保留CSS中设置的高度。

我更喜欢保持桌面布局,因为我需要将标签垂直对齐到中间,我需要将拨动开关全部对齐到右边。如果可以使用浮点数或其他可以实现的预期输出来实现。

感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

只需添加display: block;就可以了。

答案 1 :(得分:0)

您是否尝试在该输入中创建div?使div 64 px x 32 px?