extjs显示grid网页线

这应该是个常识,对于样式没学好的我,还是记录下来吧


不知道是电脑问题还是人品问题,同样的一段样式设置,在我和同事的电脑上竟然显示不同的界面

我的电脑是正常的^_^ (代码如下:)

		<style type="text/css">
			.gui_title {
				float:left;
				width:100%;
				background-color:#DFE8F6;
				font-family:arial,sans-serif,tahoma,verdana,arial;
				font-size:16px;
				font-weight:bold;
				height:22px;
				padding-top:4px;
			}
			/* Override standard grid styles (add colour to vertical grid lines) */ 
			.x-grid3-col {
			    border-left:  1px solid #EEEEEE;
			    border-right: 0px solid #D2D2D2;
			}   
			 
			/* Also remove padding from table data (to compensate for added grid lines) */
			.x-grid3-row td, .x-grid3-summary-row td {
			    padding-left: 0px;
			    padding-right: 0px;
			}
		</style>

在同事的电脑上界面出现了错位!经过反复修改,把border-right:所对应的颜色改为#ffffff就ok了,修改后代码如下:


		<style type="text/css">
			.gui_title {
				float:left;
				width:100%;
				background-color:#DFE8F6;
				font-family:arial,sans-serif,tahoma,verdana,arial;
				font-size:16px;
				font-weight:bold;
				height:22px;
				padding-top:4px;
			}
			/* Override standard grid styles (add colour to vertical grid lines) */ 
			.x-grid3-col {
			    border-left:  1px solid #EEEEEE;
			    border-right: 1px solid #FFFFFF;
			}   
			 
			/* Also remove padding from table data (to compensate for added grid lines) */
			.x-grid3-row td, .x-grid3-summary-row td {
			    padding-left: 0px;
			    padding-right: 0px;
			}
		</style>



你可能感兴趣的:(extjs显示grid网页线)