box-flex: 1

news/2024/11/17 18:23:58/

设置.md-f1 { box-flex: 1; -webkit-box-flex: 1; },感觉没用啊可是删掉的话,这个div会移动到最右边。


<body class="md-box md-ver md-size"><div class="md-box box"><div class="md-box  color-6 md-ac text">订单编号:</div><div class="md-box fz-s0 color-6 md-ac md-f1 md-pe">95</div></div><div class="md-box box"><div class="md-box fz-s0 color-6 md-ac text ">医保编号:</div><div class="md-box fz-s0 color-6 md-ac md-f1 md-pe">0102306305</div></div><div class="md-box box"><div class="md-box fz-s0 color-6 md-ac text">姓名:</div><div class="md-box fz-s0 color-6 md-ac md-f1 md-pe">柴立睿</div></div><div class="md-box box"><div class="md-box fz-s0 color-6 md-ac text">账户余额</div><div class="md-box fz-s0 color-6 md-ac md-f1 md-pe"><span class="color-y">10483.30</span></div></div><div class="md-box box"><div>支付金额</div><div>2.40</div></div><div class="md-box box"><input type="text" placeholder="请输入短信验证码"><div>获取验证码</div></div><div class="md-box box"><div>取消</div><div>确认</div></div></body>

设置.md-f1 { box-flex: 1; -webkit-box-flex: 1; }的原因是:body里面没有写是因为不需要,默认没有。

写在div里面的话,起全部撑满的作用。100%撑开div.

设置.md-pe { box-pack: end; -webkit-box-pack: end; }的属性作用是将div移动到右边。

.md-box { display: box; display: -webkit-box; }


.md-ac { box-align: center; -webkit-box-align: center; }


http://blog.csdn.net/seety_st/article/details/50549219


http://www.ppmy.cn/news/774597.html

相关文章

XBee S2C@ 802.15.4

Digi XBee 802.15.4的第一个版本也称为S1&#xff0c;是基于Freescale的无线收发器片子设计的。最新的802.15.4模块&#xff08;内部称号S1B&#xff09;采用和Digi ZigBee模块相同SOC芯片设计&#xff0c;官方的名称为XBee S2C 802.15.4和XBee PRO S2C 802.15.4。同样地&#…

2bb

参加二B补录的院校大多是民办高校或独立学院&#xff0c;考生应该首先考虑尽量抓住最后一次上本科的机会。 按照广东高考网上录取批次的安排&#xff0c;8月2日~3日将公布第二批本科B类院校未完成招生任务的专业及计划&#xff0c;组织尚未录取考生补报志愿&#xff1b;8月4日…

Atlassian JIRA 授权许可证机制分析

JIRA在Atlassian开发的各种产品中算是最著名的一个&#xff0c;它主要是用来做产品缺陷跟踪和项目管理的。JIRA是商业软件&#xff0c;它的授权是按使用用户数划分的&#xff0c;最便宜的10用户版本只要10美元&#xff0c;这极大地方便了小型团队的开发&#xff0c;不过25个用户…

【XBEE手册】XBEE操作

【XBEE手册】XBEE操作 (ZigBee)[ZigBee, XBEE手册] [转载请注明出处&#xff0c;谢谢!] 【XBEE手册】XBEE操作 串口接口UART数据流 串行数据 SPI通信 SPI操作串口选择 串口缓冲区 串口接受缓冲区串口发送缓冲区 UART流控制 CTSCTS\overline{CTS}流控制RTSRTS\overline{RTS}流…

解决\xEF\xBB\xBF问题

解决\xEF\xBB\xBF问题 参考文章&#xff1a; &#xff08;1&#xff09;解决\xEF\xBB\xBF问题 &#xff08;2&#xff09;https://www.cnblogs.com/mao2080/p/8178412.html &#xff08;3&#xff09;https://www.codeprj.com/blog/7ccaec1.html 备忘一下。

B22-9-5

假定有7个航班&#xff0c; 现在需要在某某到某某航班上增添座位&#xff0c;问怎样才是较优解。 题目&#xff1a;[2,5,3]&#xff0c;意思是在2-5的航班上&#xff0c;之间的每个航班增加三张票。 首先的步骤&#xff1a;写出1-7航班&#xff0c;并且在前后都多补充一个数&a…

ESP32-S的UART2的初始化需要注意的问题

简 介&#xff1a; 在使用ESP32-S的UART2的时候&#xff0c;初始化UART的ID需要设置成1&#xff0c;而不是2&#xff0c;这样可以避免ESP32热启动出现故障。具体原因并不清楚&#xff0c;但可以解决热启动程序执行的问题。在MicroPython输出汉字的时候&#xff0c;需要预先将汉…

xgboost

Xgboost 概念内容介绍来自七月在线头条号&#xff1a; xgboost一直在竞赛江湖里被传为神器&#xff0c;比如时不时某个kaggle/天池比赛中&#xff0c;某人用xgboost于千军万马中斩获冠军。 RF和GBDT是工业界大爱的模型&#xff0c;Xgboost 是大杀器包裹&#xff0c;Kaggle各…