CSS实用代码：清除浮动、单行省略号、图片宽高比例、display兼容代码、三角形状

图片宽高比例：
.newsli01a{width: 100%;
  height: 0;
  padding-bottom: 73%;
  overflow: hidden; position:relative;}


清除浮动：
.clearfix:after{content:'.';display:block;clear:both; visibility:hidden; height:0;}


单行省略号：
p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}






模块居中代码： content{width: 90%; margin:0 auto; }




display兼容代码： display:inline-block; *zoom:1; *display: inline;




三角形状：

 

 

.hinput01::-webkit-input-placeholder {
color: white;
}
.hinput01::-moz-placeholder {
color: white;
}
.hinput01::-ms-input-placeholder {
color: white;
}








一次性模拟iPhone和安卓手机 
开始–运行中输入以下命令，启动浏览器：


模拟谷歌Android：
chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"


模拟苹果iPhone：
chrome.exe --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"