标签：style blog color 使用 width html
<!DOCTYPE html> <html><meta charset="utf-8" /> <style> .wrap { display: -webkit-box; -webkit-box-orient: horizontal; } .child { min-height: 200px; border: 2px solid #666; margin: 10px; font-size: 40px; font-weight: bold; font-family: Georgia; -webkit-box-align: center; } .w200 {width: 200px} .flex1 {display:block;-webkit-box-flex: 3} .flex2 {display:block;-webkit-box-flex: 1} </style> <div class="wrap"> <!-- <div class="child w200">200px</div> <div class="child flex1">比例1</div> <div class="child flex2">比例2</div> --> <input type="text" class="child flex1" value="比例1"> <input type="text" class="child flex2" value="比例2"> </div> </html>
Ps:例如上面的child要求是块（block）元素才有效。
CSS3盒模型display:-webkit-box;的使用,布布扣,bubuko.com
CSS3盒模型display:-webkit-box;的使用
标签：style blog color 使用 width html
原文地址：http://www.cnblogs.com/imsomnus/p/3852363.html
