1、
<style>
div{
width: 100px;
height: 100px;
border: 1px solid red;
background-color: red;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
</style>
。。。。。
<body>
<div></div>
</body>
2、
<style>
p{
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid red;
}
</style>
。。。。。。
<body>
<p>hello world</p>
</body>
3、
<style>
ul{
overflow: hidden;
}
ul li{
float: left;
height: 300px;
border: 1px solid red;
list-style: none;
}
ul li:first-child{
width: 100px;
}
</style>
。。。。。。。
<body>
<ul>
<li>
爱而有度,望诸君,共勉之;爱而有度,望诸君,共勉之;爱而有度,望诸君,共勉之;爱而有度,望诸君,共勉之
</li>
<li>
爱而有度,望诸君,共勉之;爱而有度,望诸君,共勉之;爱而有度,望诸君,共勉之;爱而有度,望诸君,共勉之
</li>
</ul>
</body>
4、
<style>
img{
vertical-align:middle;
}
</style>
。。。。。。。
<body>
<p><img src="#" alt="图"><span>爱而有度,望诸君,共勉之</span></p>
</body>
5、
<link rel="stylesheet" href="iconfont/font_图标/iconfont.css">
。。。。。。。
<body>
<p><span class="iconfont icon-zhaoxiangji "></span></p>
</body>