HTML布局方法总结

这是写给自己看的总结。

1.div超出部分显示 省略号

.result{
	width:108px;
	height:28px;
	font-size:18px;
	line-height:28px;
	float:left;
	text-align:center;
	/*
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	
	cursor:pointer;
	下面这些是关键
	*/
	border:solid 1px #000000;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}

2. 标签使用多个css 

<select id="dno" name="dno" size="1" class="cs1 select">
    		     <option value="-1"  selected>(宿舍号)</option>
    	       </select>

3.总体布局居中，以及有个大背景

margin:0 auto; 然后是设置background。

4.使用iframe

<div id="subpage">
        <iframe id="framepage" frameborder='0' scrolling='no' οnlοad='SetCwinHeight(this)'></iframe>
</div>	

转载请保留出处