您好,我正在创建一个简单的表单来输入员工信息。雇员有以下特点:员工登记表格的CSS块

年龄

SSN

性别

等...

有是我想要的大约20个物产显示一个标签和文本框(有些有下拉菜单)。我不想使用表格,因为我已经阅读了使用

元素的CSS,并且CSS更好,所以我想借此机会学习。有些领域非常广泛(地址1,地址2),其他领域非常狭窄(先生/女士)。

现在所有的标签/输入对的设置是这样的:

我希望每个“数据行”是在一个单独的水平宽度可变排 在底部有一个提交和一个取消按钮,我想要那些居中,并在同一行。

我试着设置这个CSS

.data-row

{

display: block;

clear: both;

}

.data-label,

.data-input

{

float: left;

}

不过,即使他们继续环绕整个容器,所以我不能在一排,然后4坐上未来3个输入行块显示,然后再增加3个,依此类推。我怎样才能正确地做到这一点?

2010-10-01

John

css建立一个简单的设备登记表,员工登记表格的CSS块相关推荐

  1. python追踪屏幕的移动目标_利用树莓派和Python建立一个简单、便宜的移动目标探测器...

    今天我们将讨论如何建立一个简单.便宜的移动目标探测器. 这项研究的目的是确定在一个便宜的移动设备上的对象检测模型是否可以用于现实世界的任务. 作为一个移动平台,我们使用的是树莓派3B.树莓派是一款售价 ...

  2. Libra (介绍) 建立一个简单的全球货币和金融基础 (1)

    1. 简介 Libra的使命是建立一个简单的全球货币和金融基础设施,使数十亿人受益[1]. 互联网和移动宽带的出现使全球数十亿人能够获得世界上的知识和信息.高保真通信以及广泛的低成本.更方便的服务.这 ...

  3. bat 删除文件_利用电脑文本文档建立一个简单方便的删除文件的小程序

    删除文不需要的文件或者资料,是日常工作中必定会遇到了. 各种的杀毒软件或者防护软件都具备删除文件的功能,例如360.腾讯电脑管家.这些操作起来其实也不是太麻烦! 不过呢!今天来和大家分享一个更简单的方 ...

  4. tensorflow学习笔记二——建立一个简单的神经网络拟合二次函数

    tensorflow学习笔记二--建立一个简单的神经网络 2016-09-23 16:04 2973人阅读 评论(2) 收藏 举报  分类: tensorflow(4)  目录(?)[+] 本笔记目的 ...

  5. Hibernate学习——建立一个简单的Hibernate项目

    最近老师让做个web小应用,大三的时候学习过一点J2EE的东西,也做过一些web相关的XXX管理系统,都是用servlet,jsp这些完成的,虽然勉强能够完成任务,但其中各种代码掺杂在一起,不好看而且 ...

  6. 机器人坐标系建立_如何在30分钟内建立一个简单的搜索机器人

    机器人坐标系建立 by Quinn Langille 奎因·兰吉尔(Quinn Langille) 如何在30分钟内建立一个简单的搜索机器人 (How to Build A Simple Search ...

  7. 使用html 语言建立一个简单的网页,如何用记事本建立简单的网页(1).doc

    第九章 网页制作 实验一 用记事本建立简单的HTML文件 [实验目的] 学会用HTML语言建立一个简单的网页. [实验内容] 建立一个网页,布局自定,包括自我介绍.图片.自己的电子信箱地址等,要求在标 ...

  8. 基于JavaScript+css写一个简单的h5动态下雨效果

    基于JavaScript+css写一个简单的h5动态下雨效果 文章目录 什么是前端 展示效果 JavaScript是什么? 步骤 1.html 2.css 3.js 什么是前端 前端它是一个工作,它的 ...

  9. html+css+小图标,HTML+CSS入门 一个简单实用的CSS loading图标

    本篇教程介绍了HTML+CSS入门 一个简单实用的CSS loading图标,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门.< 在web开发中,为了提高用户体验,在加载数据的时 ...

  10. 怎么建立一个简单的程序化交易系统?

    怎么建立一个简单的程序化交易系统? 交易系统构成就有好几个部分,主要给大家介绍一个简单的交易系统的构成. 简单的交易系统建立的话至少要包括3个部分,即入市信号系统.离市信号系统.资金风险控制系统. 入 ...

最新文章

  1. 2022-2028年中国场景金融行业深度调研及投资前景预测报告
  2. 我是怎样成长为系统架构师的
  3. php循环语句for while do while的用法
  4. Visual Studio 2015编译Lua 5.3.4遇到的坑
  5. 为什么Java需要lambda 表达式?
  6. springJAR包和配置文件
  7. centos7.4二进制安装mysql
  8. 云服务器选ssd还是hdd_云服务器区域怎么选?
  9. es管理kabina_ES和Kibana在Linux上的安装
  10. mysql5.7卸载服务_win10卸载原mysql安装64位mysql5.7并修改root密码
  11. python 3.5.2 下载(带资源免费)
  12. java如何调用蜂鸣器_用鸿蒙OS在蜂鸣器上播放一曲《两只老虎》
  13. 诺基亚n1平板电脑刷机教程_诺基亚n1平板电脑刷机教程_诺基亚N1 完整包线刷升级或救砖教程(不分台版;国行)......
  14. 黑月教主工具脱水印_PS三种去水印方法简单粗暴!看完你就学会!
  15. 专业主义——大前研一
  16. java系列 - entity,vo转换
  17. POJ 3290 WFF 'N PROOF 英文少
  18. DanmuVis: Visualizing Danmu Content Dynamics and AssociatedViewer Behaviors in Online Videos
  19. charles windows 和苹果手机进行连接抓包
  20. unity碰撞检测识别对象的几种方法,刚体篇

热门文章

  1. js自动生成html报表,JavaScript实现动态生成表格
  2. mobi电子书中删除多余的空格
  3. [转]新建一个Android工程项目
  4. VUE中使用CLodop获取打印机列表并打印表格、图片等
  5. python3.6 numpy下载_numpy下载安装 NumPy MKL v1.13.1 cp36 for Python3.6 官方安装版 64位 下载-脚本之家...
  6. html内编写vbs,HTML_VBS编程教程 (第2篇),第二篇: 我真没想到, - phpStudy
  7. 思维导图制作工具BLUMIND 小巧免激活 免安装 仅2M
  8. 混沌神经网络的实际应用,进化算法优化神经网络
  9. 大气层整合傻瓜包_【工具】switch大气层9.2系统升级固件+大气层0.10.3离线整合包...
  10. 通信原理学习笔记5-1:数字调制——脉冲成形滤波器选择(码间串扰、Nyquist准则、升余弦滚降滤波器、眼图)