码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-02-17 15:28:58      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:web   html   base   bre   img   image   over   文字   radius   

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;

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

标签:web   html   base   bre   img   image   over   文字   radius   

原文地址:https://www.cnblogs.com/ciscolee/p/10391327.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!