在同一行布局的技巧
2016-04-26 00:00
330 查看
摘要: 我们经常需要在不同的div交错放置元素,并居中,这时可以利用浮动元素外面的div高度为0,使多个div在一条线上
例如上面的布局,我们可以使用里面元素浮动,外面的div高度为0的特点来布局,使2个div重叠在一起
例如上面的布局,我们可以使用里面元素浮动,外面的div高度为0的特点来布局,使2个div重叠在一起
<div class="pretext1-nexttext1"> <span class="pretext1" >无</span> <span class="nexttext1" >站点名称2</span> </div> <div class="banner_jiantou"> <span class="pre" style="z-index:100;"><img src="../../dist/img/left-jiantou.png" width="29" /></span> <span class="next" style="z-index:100;"><img src="../../dist/img/right-jiantou.png" width="29" /></span> </div>
.banner_jiantou{width:450px;margin:0 auto;margin-top:2px;} .pre{float:left;} .next{float:right;} .pretext1-nexttext1{ width:900px; margin:0 auto;font-size:20px;} .pretext1{width:30%;float:left;text-align:right;padding-right:30px;} .nexttext1{width:30%;float:right;text-align:left;padding-left:30px;}
相关文章推荐
- 移动端:解决ios软键盘获得焦点后,fixed悬挂失败的问题
- json文件转excel表格
- ubuntu服务器分区基础
- 移动广告优化平台”KeyMob”帮开发者投放多家广告平台
- 第一阶段冲刺个人博客09
- 选移动广告优化平台就选KeyMob
- KeyMob--开发者最信任的移动广告优化平台!
- Key移动广告优化平台-国内优质广告优化平台
- 移动广告优化平台新利器--KeyMob!
- Apache的Mesos和Google的Kubernetes 有什么区别?
- 创业的第一百七十五天
- php读取xml
- Your GStreamer installation is missing a plug-in
- agular $location 获取url的参数
- 面试总结
- 发布IOS产品被拒后如何再上传新发布包
- 数学是什么
- 亚马逊云EC2启用密码登陆
- AndroidStudio设置
- Java中的日志——Java.util.logging、log4j、commons-logging