关于checkbox与文字混排无法对齐的解决方法

最新推荐文章于 2023-09-12 15:40:42 发布
最新推荐文章于 2023-09-12 15:40:42 发布
阅读量2.3k 收藏 1
点赞数
分类专栏： DIV+CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/painsonline/article/details/8215967
版权

先前代码如下

<span style="vertical-align:middle"><input  type="checkbox" name="send_message_item" />禁止解析BBCode/span>

如此无法居中，改变后代码如下


<span><input style="vertical-align:middle" type="checkbox" name="send_message_item" /><label style="vertical-align:middle">禁止解析BBCode</label></span>

需要checkbox居中对其 然后文字也要居中对齐，checkbox在FF和IE下表现不一样 不信你试一试 有的浏览器有默认的margin 大概2px 有的有默认的padding 而且不管你怎么设置默认的margin和padding 是无法去掉的

很诡异

八面碰壁居士
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
checkbox与文字混排无法对齐导致不美观的解决方法
09-25
checkbox与文字不对齐会影响美观本文将将介绍解决方法：需要checkbox居中对其 然后文字也要居中对齐，checkbox在FF和IE下表现不一样;不管你怎么设置默认的margin和padding是无法去掉的
checkbox与文字对齐方式（同样可用于radio单选框）
acvc225的博客
05-05 726
checkbox 在chrome 和 firefox中 间距是由margin撑开， IE中则是由padding，并且无法设置边框； 主要参考大神的博客，http://www.zhangxinxu.com/wordpress/2009/08/%E5%A4%8D%E9%80%89%E6%A1%86%E6%88%96%E5%8D%95%E9%80%89%E6%A1%86%E4%B8%8E%E6%96%...
解决复选框、单选框与文字不能对齐的问题
qq_38370731的博客
08-09 1339
<input type="checkbox"/><label>复选框</label> <input type="radio"/><label>单选框</label> label { font-size: 12px; } /*Method 1：*/ input { vertica...
checkbox与文字对齐的方法
czh60144的博客
07-16 3017
checkbox与文字对齐的方法
html复选框和文字水平对其,input checkbox、radio、button与文字对齐
weixin_29355333的博客
06-04 2674
如果把文字与 checkbox、radio、button 排在一起，它们不对齐，文字总要下一点，看起来有点别扭，有无办法使它们对齐？用 Css 可以实现此目的，不过在使用过程中，可能会遇到一些问题。如果 Css 定义的 html 标签不对，虽然 Css 是一样，但仍然不能让 checkbox、radio、button 与文字对齐，笔者在实际应用过程中就多次遇到这种情况，故总结出来与大家分享，避免犯...
checkbox/input文本框与文字对齐
weixin_30604651的博客
11-19 303
3种方法都能实现checkbox文本框或radio文本框与文字对齐： <meta charset="utf-8"> <input style="vertical-align:top" type="checkbox" /><label style="vertical-align:top">使用css对齐</label><br /&gt...
checkbox和后面文字无法居中对齐的解决方案
打杂人
04-15 7381
制作前端页面时，表单的页面中都存在表单元素与提示文字无法对齐的问题。下面是针对这一问题的解决方案： 先上结果图看效果,吼吼~     最上面两个是经过css处理后的效果，已经居中对齐了哦~，最后一个是没有处理的效果，明显没有对齐。解决的关键是vertical-align：middle属性，一定要给input标签和文字的标签同时加上该属性。对于纯英文的内容而言，这样就可以了，但是对于
checkbox和后面的文字对齐解决方案
01-10 1万+
checkbox和后面的文字如果不加样式，会导致checkbox和文字对齐， 解决办法是对checkbox和文字同时添加如下样式： vertical-align:middle; 1 如例所示： c:forEach var="user" items="${userItem}"> type="checkbox" value="${user.map.YHID}
表单元素与提示文字无法对齐的解决方法(input,checkbox文字对齐）
09-25
在很多网站涉及到表单的页面中，都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。
表单checkbox和radio文字对齐的代码
09-28
表单元素input、文字完美垂直居中对齐方法.
checkbox与文字混排无法对齐到一行的解决办法
最新发布
qq_59825852的博客
09-12 496
checkbox与文字混排无法对齐到一行的解决办法。
复选框与文字对齐问题的解决方法
我们仨
08-13 2246
在做图书商城的登录页面时遇到一个问题，复选框与文字对不齐，效果图如下所示： 部分代码如下所示： <input type="checkbox" name="checkbox" value="checkbox" /> <font>记住用户</font>&nbsp;&nbsp; <input type="checkbox" name="...
checkbox和文字对齐
GitNoHup的博客
07-12 8022
页面上有个checkbox和文字不对齐，特别难看。 是丑成这样的： 代码是这样的： &lt;label&gt; &lt;input type="checkbox" name="allot_flag"/&gt;&amp;nbsp;&amp;nbsp;受理未完成 &lt;/label&gt; 对齐以后看着舒服多了： 完善后的代码是这样的： &lt;label&amp
一个checkbox细节处理方式（checkbox与后面的文字对其）
weixin_30376323的博客
03-21 229
两点细节： 1、checkbox和文字的中线重合 2、点文字可对checkbox发生作用 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>动态分页</title> <style type="text/css"&...
checkbox和后面文字无法对齐的解决方法
热门推荐
静水
04-17 1万+
checkbox和后面的文字如果不加样式，会导致checkbox和文字对齐，解决办法是对checkbox和文字同时添加如下样式：vertical-align:middle; 如例所示：c:forEach var="user" items="${userItem}"> <label> <input type="checkbox" value="${user.map.YHID}
解决checkbox与对应文字不对齐的问题
weixin_30484739的博客
03-23 1209
最近公司比较忙，所以一直在赶项目，很久没有更新博客了。 刚才在工作中又遇到了一个问题，下面我来分享一下吧(｡･∀･)ﾉﾞ 问题所在 我写了一个input，他的类型是checkbox，在他的后面接着label标签进行描述。 html如下： <input type="checkbox" checked="checked" name="sign" id="sign"/> ...
checkbox与说明文字无法对齐的问题
清晨之风专栏
07-07 912
写过Web页面的朋友大概都曾遇到过这样的问题：checkbox与说明文字（比如一个label标签或一个a标签）无法对齐，要不是checkbox上浮了，要不是说明文字上浮。    以前遇到过这个问题，但是都直接忽视，并未深究。今天要解决项目中遗留下的界面显示问题，这个问题终于绕不过去了，因为它真的是无处不在。   今天，借助于伟大的google，同时自己不断试验，终于解决了这个“老大难”的...
checkbox 与后面的文字不对齐
xcc_2269861428的博客
09-09 708
如图： 文字始终在下面，不能对齐 <td class="tb_bg"><label for=""><font style="font-size: 14px; color: red;">*</font>提审时间</label></td> <t...
android gridview checkbox 框 文字 顶对齐
09-01
在适配器的getView方法中，可以使用一个LinearLayout来包裹复选框和文字，然后设置LinearLayout的gravity属性为top，这样就可以让复选框和文字顶对齐了。 具体的代码实现如下： ``` public class MyAdapter ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值