表格内再内嵌表格,怎么让这些内嵌的表格自动换行
程序员文章站
2022-06-05 10:15:34
...
表格内再内嵌表格,如何让这些内嵌的表格自动换行
我定义了大表格为700像素的宽度,内嵌每个小表格150宽度,每行显示四个小表格后换行
代码如下:
(结果是:表格不换行,把大表格撑破了)
------解决方案--------------------
1、在无 css 控制时,table 不会被平行放置。所以你的示例代码与问题描述不符
2、假定你已经做了控制,那么 4 个 table 只占 600,绝无超出 700 的可能。应该是你换行控制有问题
我定义了大表格为700像素的宽度,内嵌每个小表格150宽度,每行显示四个小表格后换行
代码如下:
(结果是:表格不换行,把大表格撑破了)
- HTML code
//PHP语句,从数据库select内容
|
------解决方案--------------------
1、在无 css 控制时,table 不会被平行放置。所以你的示例代码与问题描述不符
2、假定你已经做了控制,那么 4 个 table 只占 600,绝无超出 700 的可能。应该是你换行控制有问题
- HTML code
- 教你使用PHP数据库迁移工具“Phinx”
- 详解win10下PHP的安装配置(以php5.6为...
- php Swoole实现毫秒定时计划任务(详解)
- PHP安全配置_php技巧
- 表格内再内嵌表格,怎么让这些内嵌的表格自动换行
- HTML基础教程之<strong>和<em>
- HTML基础教程之<span>标签
- HTML基础教程之<meta>标签
- HTML <div> 和<span>
- JavaScript数组对象属性length和二维数组
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习
- 最新文章
- 热门排行
|
------解决方案--------------------
很明显楼主没有对表格进行换行控制。
三种方法供参考:
1,换用DIV(方便很多,但是弊端是,你得重新设计你的样式表)
2,用楼上那个左浮动(弊端是,内容向左,不能居中了)
3,用PHP程序控制:每取出四个值,填入4个表后,重新
相关文章
相关视频
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论