overflow和css尺寸

			css的尺寸:
			width	    设置元素的宽度。
			    px      像素   绝对单位
			    em      相对单位 相对的父元素的字体大小   1em=16px(默认父级字体16px 父级32px 1em=32px) 
			    rem     相对单位    相对于html根元素的字体大小  默认 1rem=16px 自适应页面
			    %       相对单位    相对于父级盒子的大小    
			    auto    自动计算
			height	    设置元素的高度。
          自适应页面、媒体查询、
	        max-width	设置元素的最大宽度。限制
			min-width	设置元素的最小宽度。
			max-height	设置元素的最大高度。
			min-height	设置元素的最小高度。
			内容垂直居中:
		1.	line-height	设置行高。撑开文本上下距离
		2.	vertical-align:middle;
			display: table-cell;




			overflow    设置当元素的内容溢出其区域时发生的事情。
			overflow-x:
			    visible	    不裁剪内容,可能会显示在内容框之外。
			    hidden	    裁剪超出的内容 - 不提供滚动机制。
			    scroll	    裁剪内容 - 提供滚动机制。
			    auto	    如果溢出框,则应该提供滚动机制。
		h5已经删除 no-display	如果内容不适合内容框,则删除整个框。
		h5已经删除 no-content	如果内容不适合内容框,则隐藏整个内容。
			overflow-y:
			    visible	    不裁剪内容,可能会显示在内容框之外。
			    hidden	    裁剪内容 - 不提供滚动机制。
			    scroll	    裁剪内容 - 提供滚动机制。
			    auto	    如果溢出框,则应该提供滚动机制。
	h5已经删除  no-display	如果内容不适合内容框,则删除整个框。
	h5已经删除  no-content	如果内容不适合内容框,则隐藏整个内容。
			overflow:    
			    visible	默认值。内容不会被修剪,会呈现在元素框之外。
			    hidden	内容会被修剪,并且其余内容是不可见的。
			    scroll	内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
			    auto	如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
			    inherit	规定应该从父元素继承 overflow 属性的值。
			
		鼠标/光标指针:cursor
		 url	    需使用的自定义光标的 URL。
		 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。
			    default	默认光标(通常是一个箭头)
			    auto	默认。浏览器设置的光标。
			    crosshair	光标呈现为十字线。
			    pointer	光标呈现为指示链接的指针(一只手)
			    move	此光标指示某对象可被移动。
			    e-resize	此光标指示矩形框的边缘可被向右(东)移动。
			    ne-resize	此光标指示矩形框的边缘可被向上及向右移动(北/东)。
			    nw-resize	此光标指示矩形框的边缘可被向上及向左移动(北/西)。
			    n-resize	此光标指示矩形框的边缘可被向上(北)移动。
			    se-resize	此光标指示矩形框的边缘可被向下及向右移动(南/东)。
			    sw-resize	此光标指示矩形框的边缘可被向下及向左移动(南/西)。
			    s-resize	此光标指示矩形框的边缘可被向下移动(北/西)。
			    w-resize	此光标指示矩形框的边缘可被向左移动(西)。
			    text	此光标指示文本。
			    wait	此光标指示程序正忙(通常是一只表或沙漏)。
			    help	此光标指示可用的帮助(通常是一个问号或一个气球)。
			
posted @ 2022-01-14 10:08  平_y29  阅读(190)  评论(0)    收藏  举报