用table表格来调整控件的格式
来源:互联网 发布:java web小米商城项目 编辑:程序博客网 时间:2024/06/18 05:51
因为想自己写一个web,所以也在学习html语言的一些东西,让我回想起了大学时代曾对网页设计产生过兴趣,无奈那时候还没有自己的电脑,还常去网吧买个软盘下载一些图片,然后用fontpage做一些网页.后来买了电脑,则一直被"传奇"迷的一塌糊涂,也把网页设计给抛到脑后了....
由于是在ubuntu下面工作,而linux底下的所见即所得的网页设计真是少的可怜.最后选择了bluefish.
想做一个添加设备的表单,结果因为前缀大小不一样,所以很难看.如图:
<!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><html><body>用户名:<input type="text" name="username"><br/>密码:<input type="password" name="password"></body></html>
这个输入框没有对齐啊,我心里那个难过啊,这时候边上的同事说可以用表格来格式化一下,请教后代码如下:
<!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><html><body><table> <tr> <td>用户名:</td> <td><input type="text" name="username"><br/></td> </tr> <tr> <td>密码:</td> <td><input type="password" name="password"></td> </tr></table></body></html>
啊哈,新技能get,感谢童竣同学大力支持~~
还教了我如何使用css来控制表格的格式
<style type="text/css">table{border-top:#000 solid 1px; border-left:#000 solid 1px;}td{ border-bottom:#000 solid 1px; border-right:#000 solid 1px;}</style>
1 0
- 用table表格来调整控件的格式
- 【AngularJS】表格的格式<table>
- fullCalendar调整日期控件的格式
- 表格控件新加列后顺序调整
- 调整Table表格宽度插件colResizable
- 表格控件或table轉excel檔的代碼
- vaadin控件table的使用之隐藏表格头
- (转)TableRow 控件与 TableCell 控件和 Table 控件一起使用,来创建表格中的行
- 带圆角的Table表格
- table表格的制作
- table表格的总结
- table表格的结构
- 可折叠的table表格
- 用NSDateFormatter调整时间格式的代码
- 用NSDateFormatter调整时间格式的代码
- 调整表格的行间距
- UI控件的调整
- BulletedList控件 以项目符号的格式来创建列表
- FZU 2156 Climb Stairs
- android上无法使用google map v2的解决方案
- Palinwords (繁琐)
- Swift编程语言学习11—— 枚举全局变量、局部变量与类型属性
- Codeforces Round #4A. Watermelon
- 用table表格来调整控件的格式
- 个人的命运决定于晚上8点到10点之间(认真看完本篇文章,你的生活将会有很大改变)
- BestCoder Round #1
- 紫外线消毒器:紫外线杀菌器产品特点
- CSS滤镜让图片模糊(毛玻璃效果)
- 每日风险投资速递(7月19-20日,8个投资/收购事件)
- jira修改日期格式
- UVA 1546 - Complete the sequence!(差分法)
- 07 内置对象