左定右自适应
HTML CSS

left

rightrightrightrightrightrightrightrightrightright

<div class="one"> <br> <div class="left"> <p>left</p> </div> <div class="right"> <p> rightrightrightrightrightrightrightrightrightright </p> </div> </div>

两边固定中间自适应
HTML CSS

left

right

centercentercentercentercentercentercenter

<div class="left"> <p>left</p> </div> <div class="right"> <p> right </p> </div> <div class="mid"> <p>centercentercentercentercentercentercenter</p> </div>

垂直水平居中1
HTML CSS

<div class="outer"> <div class="inner"></div> </div>