html两个div占满一行，设置div背景色，用float浮动并让键值对形式的文字键右对齐，值左对齐

来源：互联网发布：瘦大腿内侧知乎编辑：程序博客网时间：2024/06/05 10:08

想实现下图所示的效果：

代码：

<!DOCTYPE html><html><body><div >   <div style="float:left;width:50% ;background-color:red">       <span style="float:right; padding-right:5%">key1:       </span>   </div>   <div style="float:right ;width:50%;background-color:blue">       <span style="float:left;padding-left:5%">           value1       </span>   </div></div><div style="padding-left:10%">22<div><div >   <div style="float:left;width:50% ;background-color:red">       <span style="float:right; padding-right:5%">key111111:       </span>   </div>   <div style="float:right ;width:50%;background-color:blue">       <span style="float:left;padding-left:5%">           value1111111       </span>   </div></div><div >   <div style="float:left;width:50% ;background-color:red">       <span style="float:right; padding-right:5%">key22222:       </span>   </div>   <div style="float:right ;width:50%;background-color:blue">       <span style="float:left;padding-left:5%">           value22222       </span>   </div></div></body></html>

阅读全文

0 0