浮动模型
<div class="wrapper">
<div class="content">1</div>
<div class="content">2</div>
<div class="content">3</div>
<p></p>
</div>
*{
margin: 0;
padding: 0;
}
.wrapper{
border: 1px solid black;
}
.content{
float: left;
width: 100px;
height: 100px;
color: #fff;
background-color: black;
}
p{
border: 0;
clear: both;
}
文字溢出处理
多行文本只截断,不打点
让容器内的东西相对于浏览器居中处理
效果
文字对齐处理
行级块元素或者文本类元素里包含文字,外面的文字将和里面的文字底对齐。
效果