在做图书商城的登录页面时遇到一个问题,复选框与文字对不齐,效果图如下所示:

部分代码如下所示:
<input type="checkbox" name="checkbox" value="checkbox" /> <font>记住用户</font>
<input type="checkbox" name="checkbox" value="checkbox" /> <font>七天内自动登录</font>
解决方法:把要对齐的每个标签,都添加一个css属性:
vertical-align: middle;
修改之后的代码如下:
<input type="checkbox" name="checkbox" value="checkbox" style="vertical-align: middle;" /> <font style="vertical-align: middle;">记住用户名</font>
<input type="checkbox" name="checkbox" value="checkbox" style="vertical-align: middle;" /> <font style="vertical-align: middle;">七天内自动登录</font>
效果图如下:

在图书商城登录页面设计中,作者遇到了复选框与相邻文字无法正确对齐的问题。通过为输入标签和字体标签添加CSS属性'vertical-align:middle;',成功解决了元素对齐问题,使页面布局更加美观。

被折叠的 条评论
为什么被折叠?



