编辑并列DIV
2024-08-28 23:42:34
html编辑控件,编写3个div并行,先看一下效果,如下图:
我需要将整个白色部分作为一个整体,编辑控件使用,其实使用到的就是div中的float:left属性,并且定义好宽度。css 部分代码如下:
.divtitle-item1{width:58%; float:left; }
.divtitle-item2{width:21%;float:left;}
.divtitle-item3{width:21%;float:left;}
但是多个当多个白色控件使用的时候,又出现上浮的情况,开始的时候,我是使用ul中的li来控制工具列表,但是发现还是不行,在位一行,所以我就直接使用源html代码,然后编辑相距距离Margin,问题解决;
整个是控件最外部div样式:
.divtitle{width:100%;float:left;font-size:1.0rem; font-weight:bold; margin:10px 0px 0px 0px; display:inline;}
整个白色控件的html代码如下:
<div class="divorder">
<hr style="margin:0px; padding:0px;"/>
<div class="divbalance-div1">
<div class="divorder-div2">
<p class="divorder-p1">西餐厅现金优惠券</p>
<p>有效期至2013.08.08</p>
</div>
<div class="divtitle-item2">
<p class="divorder-p2">-600</p>
</div>
<div class="divtitle-item2">
<p class="divorder-p1">未使用</p>
</div>
</div>
<hr style="margin:0px; padding:0px;"/>
</div>
最新文章
- Ubuntu下Android Studio环境搭建
- linux安装和配置 mysql、redis 过程中遇到的问题记录
- Angularjs学习笔记(四)----与后端服务器通信
- UVa 437 The Tower of Babylon
- ccflow学习下载网址
- MySQL 卸载 --Mac
- UILable:显示多种颜色的方法
- std::remove_if
- 谈论高并发(二十二)解决java.util.concurrent各种组件(四) 深入了解AQS(二)
- POJ3211--分类01背包
- Python Web框架(URL/VIEWS/ORM)
- F#正则表达式
- CJSON在项目中的应用
- Unity用Vuforia做AR实现脱卡效果
- callback回调函数的理解
- java继承多态和抽象类接口
- Redis学习笔记之Redis基本数据结构
- jdango 使用oss存储
- Unsupported major.minor version ,
- [ML学习笔记] XGBoost算法
热门文章
- 使用jQuery解析JSON数据(由ajax发送请求到php文件处理数据返回json数据,然后解析json写入html中呈现)
- try、catch 和 throw 语句 (了解)
- CruiseControl.NET学习总结(转载)
- Random.nextint() 和Math.random()的区别
- Cocoa的MVC架构分析 cocoa的mvc实现
- 淘宝(阿里百川)手机客户端开发日记第六篇 Service详解(一)
- Linux 4.6分支已到生命尽头 请尽快升级至Linux 4.7.1
- 他们在军训,我在搞 OI(一)
- [BZOJ3624][Apio2008]免费道路
- AspectJ报错:error at ::0 can&#39;t find referenced pointcut XXX