宽度自适应/单行文字居中/多行文字/链接断行解决方案

宽度自适应

<!doctype html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<title>宽度自适应</title>
<link rel="stylesheet" href="css/reset.css">


<style>
    html,body{height:100%;overflow:hidden}
    .w300{float:left;width:300px;background:#333;height:100%;margin-right:10px}
    .right{overflow:hidden;*zoom:1;background:#666;height:100%}
</style>


<base target="_blank">


<div class="w300"></div>
<div class="right"></div>


宽度自适应.类名{overflow:hidden;*zoom:1;}

 

单行文字居中是line-height=height,多行文字line-height:1.8或者2.0不带单位
链接断行解决方案{display:inline-block;white-space:nowrap;}

posted on 2014-08-20 13:11  鬼鬼丫404  阅读(114)  评论(0编辑  收藏  举报

导航