Skip to content

Latest commit

 

History

History
26 lines (23 loc) · 628 Bytes

2016-2-24.md

File metadata and controls

26 lines (23 loc) · 628 Bytes

css3属性选择器

E:last-child => 表示选择该元素在父级下面是否是最后一个子节点，而不是该元素集合中的最后一个

flex布局

display:flex => 将容器转为flex模式

注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。

让文字水平垂直居中

.flex {
	display: flex;
}
.flex-item {
	display: -webkit-box;
    align-center: center;
}
<div class="flex">
	<div class="flex-item">item 1</div>
	<div class="flex-item">item 2</div>
	<div class="flex-item">item 3</div>
	<div class="flex-item">item 4</div>
</div>