分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

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

发布时间:2023-09-06 02:33责任编辑:林大明关键词: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;

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

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved