避免页面布局被大尺寸图片和长字符串破坏

2016-02-19 13:30 6 1 收藏

下面是个简单易学的避免页面布局被大尺寸图片和长字符串破坏教程，图老师小编详细图解介绍包你轻松学会，喜欢的朋友赶紧get起来吧！

【 tulaoshi.com - Web开发】

　　用TABLE和DIV做页面布局设计的时候,遇到大尺寸的图片和长英文字符串,布局中定义的尺寸都会被破坏,导致页面布局变形.

　　有没有办法可以解决呢？

　　用CSS的属性OVERFLOW:hidden可以来控制,这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱.

　　要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以.

　　在使用DIV做页面布局的时候,可以在大布局上定义,比如在左栏,右栏,中栏里面,也可以针对页面中具体的某个布局元素.

　　在用ul和li做图片列表排列的时候,也可以用这个,这样避免一些大尺寸图搞乱布局,也可以解决浏览器窗口缩小时,li元素自动回行排列出错的问题.

　　BTW:用overflow:auto,还可以在页面里模仿出IFRAME的效果,回头写出来

没有使用overflow:hiddenbr /div265.com265.com265.com265.com265.com265.com265.com265.com265.com265.combr /img src="http://img.warting.com/allimg/2014/c0720/1405V5919402Z-191I.jpg" //divbr /使用了overflow:hiddenbr /divhttp://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/br /img src="http://img.warting.com/allimg/2014/c0720/1405V5919402Z-191I.jpg" //div
——您可以运行代码察看特效，您也可以复制或者另存源代码。本代码由天极网页陶吧提供。

点击放大此图片

来源:https://www.tulaoshi.com/n/20160219/1604495.html

上一篇：改变ACCESS数据库的密码
下一篇：一个经典的符合web标准的flash插入法

看过《避免页面布局被大尺寸图片和长字符串破坏》的人还看了以下文章更多>>

正则替换字符串功能

标签： Web开发

a href="1.htm"251/a 怎么用JS把251替换为 span style='background-color: #99FF99'251/span [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

oracle 字符串转成行

标签：编程语言网络编程

SELECT SUBSTR (T.RPT_ID, INSTR (T.RPT_ID,',',1,C.LV)+ 1, INSTR (T.RPT_ID,',',1,C.LV + 1)- (INSTR (T.RPT_ID,',',1,C.LV)+ 1)) &n...

测字符串长度函数

标签： ASP

'*************测字符串长度************** Function CheckStringLength(txt) txt=trim(txt) x = len(txt) y = 0 for ii = 1 to x if asc(mid(txt,ii,1)) < 0 or asc(mid(txt,ii,1)) 255 then '如果是汉字 y = y + 2 else y = y + 1 end if next CheckStringLength = y End Function '************* 截取字符串 ************** f...

字符串近似匹配算法

标签：编程语言网络编程

字符串的近似匹配，就是答应在匹配时有一定的误差，比如在字串“以前高手好久不见”中找“以前是高手”也能成功。具体地说，错误可以有三种类型：加字符（以前也是高手）、漏字符（以前高手）和替换字符（以前石膏手）。下面的函数在text中查找子串pat，最多答应有k个错误。返回的是匹配的终点（我还没想好如何确定起点，呵呵）。至于...

mysql的字符串函数

标签： MySQL mysql数据库

对于针对字符串位置的操作，第一个位置被标记为1。 ASCII(str) 返回字符串 str 的最左面字符的ASCII代码值。如果 str 是空字符串，返回 0 。如果 str 是 NULL ，返回 NULL 。 mysql select ASCII('2'); - 50mysql select ASCII(2); - 50mysql select ASCII('dx'); - 100 也可参见ORD()函...

查看更多精彩>>