css常考布局 |css block inline

css图片超出，css的隐藏什么，css权重最高级，页面包找不到css，css超链接字体怎样设置，简述css的含义和作用，css block inline css常考布局 |css block inline

/* 实现文字环绕图片的布局 */
img {
float: left;
margin-right: 10px;
}
p {
text-align: justify;
}
/* 实现两栏自适应布局 */
.container {
display: flex;
}
.left {
width: 300px;
background-color: #ccc;
}
.right {
flex: 1;
background-color: #eee;
}
/* 实现垂直居中的布局 */
.parent {
display: flex;
justify-content: center;
align-items: center;
}
/* 实现等高布局 */
.container {
display: flex;
}
.item {
flex: 1;
margin: 10px;
border: 1px solid #ccc;
}

以上几种布局是在面试中经常被问及的，因此大家需要对它们深入了解，掌握其实现方法，以便在实际工作中能够快速解决问题。