300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 文本框设置100%宽度 内容过多时所在td的宽度失效【HTML】

文本框设置100%宽度 内容过多时所在td的宽度失效【HTML】

时间:2019-11-27 21:10:25

相关推荐

文本框设置100%宽度 内容过多时所在td的宽度失效【HTML】

web前端|html教程

文本框设置100%宽度,内容过多时所在td的宽度失效

web前端-html教程

最近在修改项目的一个需求变更时,无意间发现了以前的一个问题,

家政月嫂网站源码,ubuntu读取硬盘命令,代理ip爬虫无效,后php,网络兼职seolzw

这里拿出来讨论,可能在其他项目中没有碰到这样的需求或者无意中规避了这个问题

棋牌 直播 程序源码,ubuntu光驱下载,tomcat突然没日志输出,爬虫和正则,php程序员写前端页面,seo快排的服务关键词lzw

也或许已经有html&CSS高手把问题解决,都请来分享一下经验:

微信新年签源码下载,vscode一键配置c环境,电脑配置ubuntu,tomcat 上传最大值,爬虫书籍豆瓣,姓名抽奖php源码,烟台百度推广seo方案lzw

问题描述如下

因为客户不太懂技术,把上述td的宽度设置了百分比,然后为了好看又把里面的文本框也设置了width:100%,想让他自适应

更改之后变成这样

1 23456

18 5556

因为是老代码,这个画面恶心的地方首先是第一行和下面的各行不在一个table里,

图中的这个文本框对应的数据库表对应的字段是一个100位英文内容,如果满位输出的话,画面变成了这样。。。

1 23456

18 5556

目测,这个文本框因为有一个maxlength=100,的设置,ie试图在允许的范围下,把内容全部显示,但是这样的话,画面就乱了,

测试环境是:IE 9,IE 8下也存在该问题,在chrome下完美解析,如下图:

所以据此推测是IE在解析INPUT上和chrome内核不太一致,但是现在开发是在IE8上进行,除了设置固定width和使用Js动态加载,有没有别的办法来兼容解决问题。。。

注:style=“table-layout:fixed”我用过了,但是这个办法有点狠,不太适合

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