`

关于单选框以及复选框与后面文字对其的解决办法

    博客分类:
  • css
css 
阅读更多
目前中文网站上面的文字,绝大多数网站的主流文字大小为12px,因为在目前高分辨率显示器屏幕下,11px的汉字,其像素点开始不规整,文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复选框是不对齐的。

考虑到兼容性,控件本身的特殊性以及代码成本的控制等,使得这个问题不是简单就能解决的。


解决方法:


    以vertical-align:text-bottom为基础的

    css代码如下:vertical-align:text-bottom; margin-bottom:2px; margin-bottom:-2px\9;

    以vertical-align:text-top为基础的

    css代码如下:height:13px; vertical-align:text-top; margin-top:0;

    以vertical-align:bottom为基础的

    css代码如下:height:15px; vertical-align:bottom; margin-bottom:3px; margin-top:-1px;

    以vertical-align:middle为基础的

    css代码如下:vertical-align:middle; margin-top:-2px; margin-bottom:1px;
分享到:
评论

相关推荐

    C#自定义控件(usercontrol)--美化单选按钮和复选按钮{201903}

    本主题将深入探讨如何使用C#自定义控件(UserControl)来美化标准的单选按钮(RadioButton)和复选按钮(CheckBox),以提升用户界面的视觉吸引力和用户体验。 自定义控件是C#中一种强大的工具,允许开发者创建具有特定...

    表单元素和文字垂直居中对齐问题解决整理

    本文主要讨论了如何解决表单元素(如输入框、下拉框、单选框和复选框)以及与其关联的文字在垂直方向上保持一致的问题。 首先,通常我们会为表单元素添加CSS样式`vertical-align: middle`来实现居中对齐,例如对...

    表单元素与提示文字无法对齐的问题

    最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现,单(复)选框和它们后面的提示文字在不进行任何设置的情况下,是无法对齐的,而且在Firefox和IE中相差甚大。即使...

    《程序天下:JavaScript实例自学手册》光盘源码

    10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框的反选 10.14 选中所有复选框 10.15 复选...

    程序天下:JavaScript实例自学手册

    10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框的反选 10.14 选中所有复选框 10.15 复选...

    小刀娱乐网源码2018版 v4.17.rar

    在选中复选框或单选框时,为了增加鼠标点选的方便性,点击其后面的文字同样能够起到选择复选框或单选框的作用。 4、弹窗对话框: 弹窗对话框是系统对管理员做出操作的回应,通常情况下可点击弹窗对话框上面的确定...

    2021-2022计算机二级等级考试试题及答案No.14357.docx

    4. 关于框架、复选框和单选钮的叙述,B是正确的,一个框架中可以有多个复选框被选中,而单选钮在同一时间只能有一个被选中。 5. 实体在信息世界中的对应数据库术语是记录,记录是数据库中存储数据的基本单元。 6. ...

    vertical-align 表单元素垂直对齐的解决方法

    最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现,单(复)选框和它们后面的提示文字在不进行任何设置的情况下,是无法对齐的,而且在Firefox和IE中相差甚大。即使...

    2021-2022计算机二级等级考试试题及答案No.17460.docx

    3. 框架、复选框和单选钮是GUI界面设计中的组件。复选框可以在一个组内同时选择多个,而单选钮在一个组内只能选择一个。框架可以用来组织这些组件,允许将单选钮拖放到框架中。 4. Java异常处理使用`try-catch-...

    Javascript的107则使用技巧大全

    **复选框与单选按钮**: `checked` 属性用于判断复选框或单选按钮是否被选中。 **下拉列表**: 通过 `options[n].value` 或结合 `selectedIndex` 可以获取下拉列表中选定的值。 ### 9. 字符串方法 **大小写转换**: ...

    vb语言程序设计考试题(二).docx

    10. 当复选框被用户选中,`Value`属性值为True,选项C正确。 11. 单选框的`Value`属性,当选中时,值为True,选项D正确。 12. 窗体文件的扩展名为.frm。 13. 设置`BackStyle`属性为透明可以使标签透出窗体的背景...

    ASP.NET+开发文档规范

    - `CheckBoxList`:复选框列表控件,如`cblReadOnly`。 - `DropDownList`:下拉列表控件,如`ddlTypes`。 - `FileUpload`:文件上传控件,如`fuImage`。 - `HyperLink`:超链接控件,如`hlDefault`。 - `Image`...

    制作封面、扉页和目录 Word.docx

    如果没有安装打印机及其驱动程序则不能打开“打印”对话框,由于需要在纸张的正反两面都要打印书籍内容,因此应将“人工双面打印”复选框选中。这样 Word 2021 在打印时就会首先打印纸张正面(奇数页)的内容,当...

    2021-2022计算机二级等级考试试题及答案No.16134.docx

    22. 单选按钮与复选框:两者Value属性处理方式不同,但只取True和False两种值。 23. 鼠标设置:在控制面板中可以设置鼠标为左手习惯,以适应不同用户需求。 24. 主存储器:主要由RAM(随机访问存储器)和ROM(只读...

    2021-2022计算机二级等级考试试题及答案No.11639.docx

    - 单选按钮与复选框对象的 `Value` 属性分别表示是否被选中,其值为 `True` 或 `False`。 ### 14. 应用程序卸载 - 删除应用程序不仅仅是简单地删除与之相关的文件及文件夹,还需要通过控制面板等工具彻底卸载。 #...

Global site tag (gtag.js) - Google Analytics