注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

梦与见

天空擅长,与世人分享寂寞。

 
 
 

日志

 
 
关于我

释寻,原名熊蕾。诗人,摄影师,设计师,网络工程师。 现居武汉。热衷艺术。 爱好诗文、音乐、美术、影视、IT等。 擅长写诗,绘画,摄影,平面设计,书刊排版,视频编辑,音频处理,网络建设等。

网易考拉推荐
 
 

css实现图片横向排列,溢出隐藏\滚动条横向拖动  

2010-08-30 22:17:31|  分类: 整理收藏 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

关键样式:

white-space:nowrap;/*内容横向排列不换行*/

overflow-x:auto;  overflow-y:hidden;/*隐藏溢出部分。横向滚动条自动出现,纵向滚动条隐藏*/

预览代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css实现图片横向排列,溢出隐藏横向滚动</title>
<style. type="text/css">
<!--
.inimg {width:670px;height:395px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
.inimg img {width:670px;height:375px;}
-->
</style>
</head>
<body>
<div class="inimg">
<img src="" _fcksavedurl="" width="670" height="375" alt="img" />
<img src="" _fcksavedurl="" width="670" height="375" alt="img" />
<img src="" _fcksavedurl="" width="670" height="375" alt="img" />
<img src="" _fcksavedurl="" width="670" height="375" alt="img" />
</div>
</body>
</html>

  评论这张
 
阅读(122)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017