我们在设计网页的时候,通常会固定网页页面的大小,从而使页面整体协调。可是用户在网站后台添加文章时,由于输入的时候只是随便从Word中或者其他网页上直接把内容复制到网页文本编辑器中,这样就会把一些乱七八糟的样式给复制进来,往往造成的后果是会把前台页面撑的很大,如我前台页面设置的宽度为960px,可是用户在后插入了一个1024px的表格,那么整个页面就被撑的很大,非常难看,所以今天就教大家防止表格或DIV布局的网页页面被撑大的方法。
其实我们只需要控制好整个网站页面的CSS即可,只需要在前台页面调用的CSS文件中加入如下代码即可:
·如果你前台页面是用表格来布局的,那么在CSS文件中加入如下代码:
table {
table-layout: fixed;
word-break: break-all;
overflow: hidden;
}
table-layout: fixed;
word-break: break-all;
overflow: hidden;
}
·如果你前台页面是用DIV来布局的,那么在CSS文件中加入如下代码:
div {
table-layout: fixed;
word-wrap: break-word;
overflow: hidden;
}
table-layout: fixed;
word-wrap: break-word;
overflow: hidden;
}
相关推荐
自己写的div布局测试页面,希望与大家多多分享。谢谢
网页设计-页面布局篇(Css+Div),网页设计-页面布局篇(Css+Div).网页设计-页面布局篇(Css+Div).网页设计-页面布局篇(Css+Div).
DIV CSS布局教程:应用ul、li实现表格形式DIV CSS布局教程:应用ul、li实现表格形式DIV CSS布局教程:应用ul、li实现表格形式
table布局网页转换为div+CSS布局的转换软件. 非常快捷方便,一转眼一个老式样table布局网页的网页就转换成div+CSS布局的了,支持绝对定位和流定位.
Div自定义页面布局
主要用于div的布局,通过可视化的拖动层,可以更方便的进行网页的布局
随着Web 2.0的大潮席卷而来,网页标准化CSS+DIV的设计方式正逐渐取代传统的表格布局模式,对CSS的学习也成为设计人员的必修课。 本书系统地讲解了CSS层迭样式表的基础理论和实际运用技术,通过大量实例对CSS进行...
第11章 CSS+div布局方法剖析 11.1 CSS排版观念 11.2 固定宽度且居中的版式 11.3 左中右版式 11.4 块的背景色问题 11.5 排版实例:电子相册 11.6 div排版与传统的表格方式排版的分析 ...
网页布局简单案例 通过简单的更改几行样式实现通篇布局的调整
根据easyui布局原理,对于浏览器兼容,从ie6到ie9,谷歌、火狐、苹果浏览器都兼容
不用到table标签也能实现 table功能。
div css 网页 布局 模版 三行一列的 具体的下载后看吧
div+css网页布局学习 div+css网页布局学习是指使用div标签和css样式来设计和布局网页的技术。下面是学习div+css网页布局的相关知识点: 一、XHTML基础知识 * XHTML是HTML的后继版本,提供了一些新的功能和改进 * ...
web div页面布局 垂直布局
第11章 CSS+div布局方法剖析 11.1 CSS排版观念 11.2 固定宽度且居中的版式 11.3 左中右版式 11.4 块的背景色问题 11.5 排版实例:电子相册 11.6 div排版与传统的表格方式排版的...
CSS.DIV网页样式与布局CSS.DIV网页样式与布局CSS.DIV网页样式与布局
国外的div页面布局,和个性,很好看,有兴趣的拿去看看吧,能激发你的灵感。
如果你想尝试一下不用表格来排版网页,而是用CSS来排版你的网页,也就是常听的用DIV来编排你的网页结构,又或者说你想学习网页标准设计,再或者说你的上司要你改变传统的表格排版方式,提高企业竞争力,那么你一定要...
HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+...
DIVCSS网页布局实例:十步学会用CSS建站 本资源主要讲解了如何使用CSS从头开始创建一个完整的网页布局,通过十个步骤,指导读者一步步地构建一个完整的网站。下面是该资源的知识点总结: 1. 规划网站:网站的规划...