300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 表格单元格td设置宽度无效始终有内部的内容撑开【HTML】

表格单元格td设置宽度无效始终有内部的内容撑开【HTML】

时间:2020-10-04 05:53:31

相关推荐

表格单元格td设置宽度无效始终有内部的内容撑开【HTML】

web前端|html教程

单元格,td,宽度无效

web前端-html教程

在做table页面时,有时对td设置的宽度是无效的,td的宽度始终有内部的内容撑开,可以设置padding,但直接设置width却无效,下面我们来具体看下这个示例:

收款页源码,ubuntu查内部频率,java爬虫汽车数据,php fetch语句,seo超级工具lzw

复制代码代码如下:

ectouch模板堂源码,vscode 搭建环境,运维技术ubuntu网络配置,tomcat本机可看,sqlite 外键 反查,黑月编译器插件 3.4,前端mvc框架 实例下载,爬虫如何分析网页结构,php 降级,方山优化seo,mymps网站源码,直接生成网页app,openwbs模板下载,柚子智慧同城小程序lzw

扎金花手机源码,vscode配置sql,ubuntu 命令行换行,tomcat 死机,sqlite动态插入,服务器托管租用公司,52美色插件,EXT前端框架风险,爬虫 爬取邮件内容,锁定php,seo1小说,军事网站 模板,简单的美食网页,wap 果蔬商城模板,移动端页面图片上传,瑞通酒店管理系统教程,编译原理递归下降分析程序lzw

* {margin: 0; padding: 0;}

.div1 {position: relative; width: 150px; height: 100px; overflow: scroll; border: 1px solid red;} 我们可以看到,类div1中的第一个单元格虽然设置了宽度,但是却是无效的。单元格内容始终由内容而决定,那么既然是由内容决定的那么我们就想办法让“内容”把单元格撑开,这样就行了。

我们可以在td中加个div,然后给div设置宽度,来试一下:

修改类div1中的一部分代码:

复制代码代码如下:

1000800

修改为

复制代码代码如下:

1000800

然后在样式里写入:

复制代码代码如下:

td div {

width:100px;

} 刷新页面,此时效果如下:

我们可以看到类div1中的单元格的宽度已经生效了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。