`

css秘籍:复选框与文字对齐的问题

 
阅读更多

设置字体让复选框与文字对齐:

首先复选框后面的文字字体须是”Tahoma”(可以称之为“她好吗”字体方便记忆),然后复选框的样式是.checkbox{vertical-align:middle;margin-top:0;}

完整代码如下:


<styletype="text/css">

body{font-size:12px;font-family:Tahoma;}

.checkbox{vertical-align:middle;margin-top:0;}

</style>


<body>

<inputclass="checkbox"type="checkbox"/>复选框

</body>


详细说明摘自:http://www.zhangxinxu.com/wordpress/?p=466

分享到:
评论

相关推荐

    H5+CSS3.zip

    表单标签:使用创建表单,文本输入框,密码输入框,数字输入框,网址输入框,邮箱输入框,创建文本域,单选框,复选框,使用select、option创建下拉菜单,提交按钮,重置按钮; CSS3部分具体内同包括: css引入方式...

    零基础学HTML CSS源代码

    复选框.htm 表单复选框的用法。 密码框.htm 表单密码框的用法。 文本框.htm 表单文本框的用法。 文本域.htm 表单文本域用法。 下拉表.htm 表单下拉表的用法。 表单实例手把手....

    HTML5与CSS3基础教程(第8版)高清文字

    16.10 创建复选框 337 16.11 创建文本区域 338 16.12 创建选择框 339 16.13 让访问者上传文件 341 16.14 创建隐藏字段 342 16.15 创建提交按钮 343 16.16 禁用表单元素 345 16.17 根据状态为...

    jquery-easyui-1.3.6.zip

    tree: 异步树,在onlyLeafCheck:true时复选框不显示正确. fixed. Improvement treegrid:继承datagrid组件所有的selecting和checking方法。 linkbutton:图标对齐方式,支持值:'top','bottom','left','right'。 ...

    HTML CSS编辑器生活「HTML CSS Live Editor」-crx插件

    此扩展对HTML或CSS开发人员或学习者非常有用,因为您可以在左侧编写html程序,并立即在另一侧获取程序输出(如果启用了“自动提交”复选框)功能实时输出如果您选中“自动提交”复选框,根据您的输入,您将在输出框...

    css-sass-playground

    复选框技巧 移动优先vs桌面优先 媒体查询顺序 @supports查询 仅屏幕条件 密度切换 艺术指导(更改图像) 弹性盒 容器 flex-direction:行| 反向行| 柱子 指示内容方向 flex-wrap:nowrap | 包裹| 绕回 只需定义Flex...

    HTML CSS Live Editor-crx插件

    此扩展对HTML或CSS开发人员或学习者非常有用,因为您可以立即编写HTML程序左侧并在另一侧获取程序输出(如果启用“自动提交”复选框)特征 实时输出 如果检查“自动提交”复选框,请根据您的输入,您将在输出框中...

    richeditor-android:用于Android的RichEditor是一款用于Android的漂亮的Rich Text所见即所得编辑器

    出支持功能 胆大 斜体 下标 上标 删除线 强调 左对齐 辩护中心 证明权利 块引用 标题1 标题2 标题3 标题4 标题5 标题6 撤消 重做 缩进 突出 插入图片 插入YouTube 插入视频 插入音频 插入连结 复选框 文字颜色 文字...

    行业贸易商务门户网站系统正式版

    新闻管理:以列表方式管理已发布新闻,显示二十条翻页:可勾选删除复选框,编号(根据分页实现自动分配),标题,审核,添加时间,留言,状态(已发布/草稿),发布人 企业招聘:招聘发布:职位名称,招聘人数,...

    materializeRepo:使用 Materialise 创建站点的个人存储库

    复选框跨浏览器修复 Modal 支持 ESC 关闭 v0.94.0 Sidenav 支持右边缘定位 响应式嵌入 图像垂直对齐类 添加了边框框 创建的变量文件 添加图钉 工具提示支持所有方向 添加了布局助手类 材料箱修复 表单元素增强 导航...

    html入门到放弃笔记

    增加一根水平线,size为5px,宽度为50%,居中对齐,颜色为红色(red) 7、预格式化 作用:保留源文档中的回车 和 空格 的作用 &lt;pre&gt;&lt;/pre&gt; 8、分区元素 1、块分区元素 语法:&lt;div&gt;&lt;/div&gt; 作用:布局 2、行内...

    Bootstrap官网教程整理

    复选框和单选插件 115 按钮插件 116 带有下拉菜单的按钮 117 分割的下拉菜单按钮 119 Bootstrap 导航元素 121 表格导航或标签 121 胶囊式的导航菜单 122 两端对齐的导航 124 禁用链接 125 下拉菜单 126 Bootstrap ...

    HTML开发王

    10.2.2 创建复选框 10.2.3 创建单选按钮 10.2.4 创建提交按钮 10.2.5 创建重置按钮 10.2.6 创建图形按钮 10.2.7 创建普通按钮 10.2.8 创建文件选择框 10.2.9 创建隐藏控件 10.3 使用button元素创建按钮 10.4 组合框...

    超实用的jQuery代码段

    2.12 如何选中页面上的所有复选框 2.13 禁用表单的回车键提交 2.14 禁用右键单击上下文菜单 2.15 IE下禁用文本选择功能 2.16 输入框获取焦点时文本高亮提示 2.17 实现多个输入框同步操作 2.18 在新窗口中打开外部...

    WEB设计大全

    标签 &lt;br&gt;11.4.3 图像类型 &lt;br&gt;11.4.4 与图像相关的问题 &lt;br&gt;11.4.5 分割图像 &lt;br&gt;11.4.6 Web中基于矢量的艺术: Flash &lt;br&gt;11.5 背景图像 &lt;br&gt;11.6 小结 &lt;br&gt;第12章 利用GUI特性创建...

    WEB设计大全(part2)

    标签 &lt;br&gt;11.4.3 图像类型 &lt;br&gt;11.4.4 与图像相关的问题 &lt;br&gt;11.4.5 分割图像 &lt;br&gt;11.4.6 Web中基于矢量的艺术: Flash &lt;br&gt;11.5 背景图像 &lt;br&gt;11.6 小结 &lt;br&gt;第12章 利用GUI特性创建...

    C#编程经验技巧宝典

    54 &lt;br&gt;0075 用回溯法找出n个自然数中取r个数的全排列 55 &lt;br&gt;0076 约瑟夫环问题 56 &lt;br&gt;0077 猴子选大王 57 &lt;br&gt;0078 如何判断IP是否正确 57 &lt;br&gt;0079 如何将小写金额转换为大写金额 57...

Global site tag (gtag.js) - Google Analytics