css实现div自适应与文字超出换行

html,body{
height:100%; //关键
}

/*包裹其他所有div的div*/

#cover {
width:100%; //关键
height:auto;  //关键
border-radius: 10px;
background-size:100% auto;
background-repeat:no-repeat;
background-image: url('<%=basePath%>img/bg.jpg');
-webkit-background-size: cover;
-moz-background-size:cover;
-o-background-size: cover;
}

 

 

//其他内部div均设置为height:auto:从而实现自适应

 

文字自动换行:

word-break:break-all;

posted @ 2019-02-17 15:19  CiscoLee  阅读(2399)  评论(0编辑  收藏  举报