裁剪 div 元素中内容的左/右边缘 - 假设溢出元素的内容区域的话：

div

{

overflow-y:hidden;

}






<!DOCTYPE html>

<html>

<head>

<style>

div

{

width:110px;

height:110px;

border:thin solid black;

overflow-x:hidden;

overflow-y:hidden;

}

</style>

</head>

<body>


<div><p style="width:140px">

这是一个段落。这是一个段落。这是一个段落。这是一个段落。

这是一个段落。

这是一个段落。这是一个段落。

这是一个段落。

这是一个段落。这是一个段落。这是一个段落。这是一个段落。

这是一个段落。这是一个段落。

这是一个段落。

这是一个段落。

这是一个段落。这是一个段落。这是一个段落。这是一个段落。

</p></div>


<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p>

<p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>


</body>

</html>



												


											
iframe双滚动栏 解决方案  CSS3 overflow-y 属性的更多相关文章
	

    
								
  1. iframe的滚动栏问题：显示/隐藏滚动栏
		
    iframe 问题2008-01-22 16:37******   显示 iframe 内容 XHTML 1.0 Transitional 标准不能显示 <!DOCTYPE html PUBLI ...
    
		
    2. 
						
  2. iframe显示滚动栏
		
    子页面通过iframe载入.出现了竖向滚动栏 最后查出原因:文档申明 iframe有滚动栏的页面的文档申明 <!DOCTYPE html> 改成例如以下即可了 <!DOCTYPE H ...
    
		
    3. 
						
  3. iframe,window,滚动栏的一些问题
		
    1.Iframe不显示边框:frameborder=0 2.Iframe不显示横向滚动栏:在iframe所指向的页面增加: <style> html{overflow-x:hidden;} ...
    
		
    4. 
						
  4. css3中webkit内核的滚动栏样式
		
    项目其中用到的滚动栏样式,在别人的基础上调成适合自己的样式.(IE能够调试滚动栏样式,firefox眼下不能调试) ::-webkit-scrollbar { width: 14px; }/* Tra ...
    
		
    5. 
						
  5. iOS开发项目实战——Swift实现ScrollView滚动栏功能
		
    手机作为一个小屏设备,须要显示的信息往往无法在一个屏幕上显示,此时就须要使用到滚动栏,当然除了像TableView这样能够自带滚动功能的. 假设一个界面上View较多,那就必须要使用到ScrollVi ...
    
		
    6. 
						
  6. 自己写一个jQuery垂直滚动栏插件（panel）
		
    html中原生的滚动栏比較难看,所以有些站点,会自己实现滚动栏,导航站点hao123在一个側栏中,就自己定义了垂直滚动栏,效果比較好看,截图例如以下: watermark/2/text/aHR0cDo ...
    
		
    7. 
						
  7. div:给div加滚动栏　div的滚动栏设置
		
    今天做了个样例: div 的滚动栏问题: 两种方法: 一. <div style=" overflow:scroll; width:400px; height:400px;”>& ...
    
		
    8. 
						
  8. Flex中怎么给表格中的滚动栏定位
		
    1.问题背景 假设表格中的字段过多,会出现滚动栏,在将滚动栏滚到一定的位置时,又一次刷新表格.滚动栏会回到原处,原来查看的字段还得继续滚动,才干查看到. 2.实现实例 <? xml versio ...
    
		
    9. 
						
  9. html中滚动栏的样式
		
    DIV滚动栏设置 (CSS)2008/09/26 03:07div 中滚动栏的控制2008年01月06日 星期日 01:181)隐藏滚动栏<body style="overflow-x ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 如何更新phpStorm SVN项目地址
			
    公司内网服务器换了IP地址,导致phpStorm 中的SVN更新不上去 如何在phpStorm中配置SVN这里就不赘述了,网上很多,自行百度 这里说一下如何更改phpStorm 中SVN地址 找到项目 ...
    
			
    2. 
						
  2. Percona-Toolkit学习之安装和配置
			
    http://blog.chinaunix.net/uid-26446098-id-3390779.html
    
			
    3. 
						
  3. GridView Item 大小可能不一样，如何保持同一行的Item 高度大小相同，且GridView高度自适应！
			
    昨天用到GridView,但是遇到几个问题,就是GridView默认的item其实大小是一致的,但是我们经常会遇到item大小不同,系统默认会留白的问题,很头疼!如下图这样的:      就会造成,右 ...
    
			
    4. 
						
  4. SpringMVC整合fastjson、easyui 乱码问题
			
    一.框架版本 SpringMVC:3.1.1.RELEASE fastjson:1.2.7 easyui :1.4.5 二.乱码现象    Action中使用@ResponseBody返回Json数据 ...
    
			
    5. 
						
  5. VC++ 6.0下OpengGL配置以及glut配置
			
    转自:http://blog.sina.com.cn/s/blog_5f0cf7bd0100c9oa.html OpenGL官方网站(英文) http://www.opengl.org 下面我将对Wi ...
    
			
    6. 
						
  6. VS2010 VC++ 项目添加引用 出现 Internal CPS Error问题原因及解决办法
			
    在VS2010 VC++ 项目添加引用时,有时会出现Internal CPS Error错误,提示信息: 'Internal CPS Error: We couldn't find the exist ...
    
			
    7. 
						
  7. Error: Cannot find module 'internal/fs'
			
    $ sudo n 6.9.1 $ sudo npm -g install npm@next $ sudo n stable curl -0 -L https://npmjs.org/install.s ...
    
			
    8. 
						
  8. STL iterator和reverse_iterator
			
    先看一段代码: #include <iostream> #include <deque> #include <algorithm> #include <ite ...
    
			
    9. 
						
  9. docker仓库操作
			
    1.登陆注册 docker login 2.搜索镜像 docker search xxx 3.上传镜像 docker push 镜像名:标签或者镜像ID 4.下载镜像 docker pull 镜像名: ...
    
			
    10. 
						
  10. 转：Eclipse ADT的Custom debug keystore所需证书规格
			
    转:http://blog.k-res.net/archives/1229.html Eclipse ADT的Custom debug keystore所需证书规格 三月 8, 2013  |  Po ...
    
			
    11.