例如这样很简单的表格，如何用最少的css的flexbox实现呢？谢谢
我简单写了个例子 https://jsfiddle.net/autgp9m6/3/
FLEX实现的DOM结构和table一样复杂，CSS还要写很多；不如直接使用table；
有人踩，过来改答案；呵呵呵~好心帮忙，被人踩；
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" /> <title></title> <style type="text/css"> .container { border: 1px solid gray; border-radius: .5rem; overflow: hidden; } label { display: box; /*兼容落后的三星设备*/ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border-bottom: 1px solid gray; } label span { display: block; flex: 1.5; background-color: red; color: blue; padding: 1rem; } .container label:last-child { border: 0; } input, input[disabled="disabled"] { display: block; border: 0; color: red; flex: 4; margin: 1rem; background-color: white; -webkit-tap-highlight-color: transparent; } </style> </head> <body> <div class="container"> <label> <span>标题1</span> <input type="text" disabled="disabled" value="哪位踩我了？"> </label> <label> <span>标题2</span> <input type="text" disabled="disabled" value="你能你上啊!Sun子"> </label> <label> <span>标题2</span> <input type="text" placeholder="请输入您的设备号"> </label> </div> </body> </html>
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
暂无简介
文章 0 评论 0
接受
发布评论
评论（2）
我简单写了个例子 https://jsfiddle.net/autgp9m6/3/
FLEX实现的DOM结构和table一样复杂，CSS还要写很多；不如直接使用table；
有人踩，过来改答案；呵呵呵~好心帮忙，被人踩；