DIV+CSS或者表格tabel如何实现不规则的页面布局

RongAugus 2012-12-01 02:45:10

这个是我本人用表格做的，红线部分想合并在一起，但是用DIV+CSS同样很难实现这样的效果，请问亲们知道怎么处理这个问题吗？

...全文

512 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

TVBee 2012-12-02

打赏
举报

回复

对了，你用word做，然后粘进去你看效果如何，貌似也行哈哈

TVBee 2012-12-02

打赏
举报

回复

横着跨用colspan。例如2：<td colspan=4> 竖着跨用rowspan。例如4：<td rowpan=4> 都跨的都用。例如11：<td rowpan=2 colspan=3> 你这种情况，我老公一般都用一绝死人的招，做图片哈哈哈。

frog8659 2012-12-01

打赏
举报

回复

搞几个position:absolute;的div用不同的z-index叠一起就好了，

本套html,div&css;课程完全初级, 通过学习DIV+CSS, 了解分清html div css三者关联&作用, 通过一个企业站首页排版掌握html,div+css

div+css布局与table布局比较一、背景介绍 table布局是网页早期布局实现的主要手段，当时的网页构成，相对也比较简单，多是以文本以及静态图片等组成的，类似于报纸的形式，分区分块显示，table标签的结构表现恰好可以满足这样的要求。但是随着网页要求的提高和技术的不断探索更迭，尤其是W3C（万维网联盟）及其他标准组织制定的标准出台后，明确了table标签不是布局工具，使table标签...

使用div+css实现表格布局

知识点：网页布局的方式 1、网页布局常见的页面布局方式：表格布局、DIV+CSS布局、框架布局。表格布局：用来显示较多的数据，如OA系统、ERP系统或CRM系统。（一般用在局部） DIV+CSS布局：相对来说最灵活的布局方式，完全实现内容和样式的分离。框架布局：通常用在网站后台的设计。 2、DIV+CSS布局 2.1 使用DIV+CSS制作网页流程第一步：将页面在整体上...

现在所有的主流的、大型的 IT 企业的网站布局几乎都采用 DIV、CSS技术，有些甚至采用 DIV、CSS、表格混合进行页面布局。此类页面布局能够实现页面内容与表现的分离，提高网站访问速度、节省宽带、改善用户的体验。DIV+CSS组合技术完全有别于传统的表格排版习惯。通过DIV+CSS实现页面元素精确控制，网站风格、代码维护与更新变得卡分容易，甚至是页面的布局结构都可以通过修改CSS属性来重新定位。DIV+CSS布局的步骤大致为: 首先整体上对页面进行分块，接着按照分块设计使用div。

61,115

社区成员

60,728

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章