Flexbox:设置边框

时间:2014-10-01 22:38:44

标签: html5 css3 layout flexbox

这是我的另一个问题的结果:http://jsfiddle.net/20mx2406/ 现在我希望这些flexbox有一个边框,但它不起作用。

<div class="eqWrap">
    <div class="equalHW eq">asdfo <br> asdf</div>
    <div class="equalHW eq">test</div>
    <div class="equalHW eq">test2</div>
</div>

.eqWrap { 
    display: flex; 
}

.eq { 
    padding: 10px;
    background: darkgrey;
    margin: 2px;
    border: 5px;
    border-width: 5px;
    border-color: black;
}

.equalHW { 
    flex: 1; 
}

有什么建议吗?

谢谢

2 个答案:

答案 0 :(得分:2)

似乎在这里工作:http://jsfiddle.net/20mx2406/13/

border: 1px solid Black;

答案 1 :(得分:1)

尝试使用border-style:solid;或查看其他border-style values