ziven27

不定高元素垂直居中

A Pen by ziven27 on CodePen.

License.

ziven27

<h2>Postion 方式</h2>
<div class="pr demo1">
				<div class="side pa l0 t0"></div>
				<div class="main">这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字。</div>
</div>
<hr>
<h2>Float 方式</h2
  <div class="clearfix demo2">
				<div class="side fl mr16"></div>
				<div class="main cell">这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字，这是一段占位文字。</div>

ziven27

左右布局

A Pen by ziven27 on CodePen.

License.

ziven27

列表布局

A Pen by ziven27 on CodePen.

License.