最近在做一个系统的升级,遇到一个页面布局有点复杂的jsp,一个table的td里面放了checkbox和文字,还有按钮。
仔细看上去这个图的checkbox和身份证号,人名,祖籍,的相对位置来看,文字有点下沉。
这是n年之前前辈们开发的系统,就是把checkbox,文字,按钮直接扔在这个td里面了,
没有什么排版设置,就是自适应的,但是到了我们的IE11下就显示成这样了。
我对td用了padding-top,padding-bottom,vertical-align:middle都只能整体调上下位置,不能单独对身份证号,人名,祖籍调位置。
接下来的划重点了哟,解决办法就是把文字前面加一个<label>标签
<label style="vertical-align:middle">身份证号</label>
这样就可以单独对checkbox后面的文字进行编辑样式了。