表格单元格td设置宽度无效应该如何解决

php中世界最好的语言
Freigeben: 2018-02-02 10:09:31
Original
4954 Leute haben es durchsucht

这次给大家带来表格单元格td设置宽度无效应该如何解决,表格单元格td设置宽度无效应该解决的注意事项有哪些,下面就是实战案例,一起来看一下。

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

1000800 1000000 1000000
1000000 10000300 1000000
1000000 1000000 1000000
1000000 10000300 1000000
* {margin: 0; padding: 0;} .div1 {position: relative; width: 150px; height: 100px; overflow: scroll; border: 1px solid red;}
Nach dem Login kopieren

我们可以看到,类div1中的第一个单元格虽然设置了宽度,但是却是无效的。单元格内容始终由内容而决定,那么既然是由内容决定的那么我们就想办法让“内容”把单元格撑开,这样就行了。

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

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

1000800
Nach dem Login kopieren

修改为

1000800
Nach dem Login kopieren

然后在样式里写入:

td div { width:100px; }
Nach dem Login kopieren

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

html如何用超链接打开新窗口时控制其属性

css3中的渐进增强和优雅降级如何使用

css3的新单位vw、vh、vmin、vmax应该如何使用

Das obige ist der detaillierte Inhalt von表格单元格td设置宽度无效应该如何解决. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!