星期五, 七月 04, 2008

滚动条代码

www.wangziyang.comLoveGeo中需要插入一张超过Blog文章所能显示宽度的图片,或者表格等等其他的文件时,超出部分会被自动遮蔽。通过更改图片显示范围的方法可以全部显示,不过图片会被压缩,如果是风景图片,那么图片仅仅会显示的模糊或者失真,并无大碍;如果要插入的图片是张地图或者文字图片,那么信息可能被压缩,无法清楚的看到每条信息。



这时你可以在HTML源代码编辑方式里面添加一条增加滚动条的语句:



<div style="width:100%;height:100%;overflow-x:scroll;overflow-y:hidden"><body>

<img style="vertical-align: text-bottom;" src="图像引用URL" alt="图像名称" width="图像宽度" height="图像高度" /></body></div>



这条代码的关键在于后面的overflow-x和overflow-y两句上面。其值可以取两种:hidden和scroll。上文代码的意思为:宽度为100%(即正常宽度),高度为100%。横向超出部分增加滚动条,竖向不限制。



在此留存,以备以后查询方便。

1 条评论: