沒有包裝的Flexbox網格/標籤

Question

有沒有一種方法可以在Flexbox網格/標籤中執行元素而不需要將它們放入包裝中？

http://jsfiddle.net/mu98yotk/

.test { 
 
    border: 1px solid #ccc; 
 
} 
 

 
.test, .test .wrapper { 
 
    display: flex; 
 
} 
 

 
.test .wrapper { 
 
    flex: 1; 
 
} 
 

 
.test .wrapper * { 
 
    margin: 0 auto; 
 
    padding: 0 15px; 
 
}

<div class="test"> 
 
    <div class="wrapper"> 
 
     <p>Lorem</p> 
 
    </div> 
 
    <div class="wrapper"> 
 
     <a href="#">Ipsum</a> 
 
    </div> 
 
</div>

Answer 1

.test { 
 
    border: 1px solid #ccc; 
 
    display: flex; 
 
} 
 
.test > * { 
 
    margin: 0 auto; 
 
    padding: 0 15px; 
 
} 
 
.test > p { 
 
    border-bottom: 2px solid blue; 
 
}

<div class="test"> 
 
    <p>Lorem</p> 
 
    <a href="#">Ipsum</a> 
 
</div>