本文摘自PHP中文网,作者藏色散人,侵删。
html设置列宽的方法:首先创建一个HTML示例文件;然后通过table标签创建一个表格;最后直接给每一列的第一行设置宽度即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
html中table列宽怎么设置?
直接给每一列的第一行设置宽度就可以了,下边的默认与第一行的相同,如果需要修改,在单独设置就可以,下边这段代码就是第一列300像素,第二列200像素;
1 2 3 4 5 6 7 8 9 10 11 12 | <html xmlns= "http://www.dayinmandarin.com" >
<head>
<meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" />
<title>表格列宽</title>
</head>
<body>
<table style= "border:1px solid #000;width:500px;height:400px;" >
<tr><td width= "300px" ></td><td width= "200px" ></td></tr>
<tr><td></td><td></td></tr>
</table>
</body>
</html>
|
【推荐学习:HTML视频教程】
以上就是html怎么设置列宽的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
Html中position用法介绍
Html怎么注释?
Html如何调用外部jquery
Html的计算机代码元素有哪些
使用Html+css制作一些动画提示工具
Html怎么删除表格的第二行
如何设置Html select下拉框的默认值?
为什么使用div+css布局?
语义化的Html结构对布局的好处是什么?
Html使用什么来描述网页?
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html怎么设置列宽