块级不换行两块级顶部对齐居中

	composer @Ta
	2020-02-14 00:25

---

由于本人设计首页个性页用到了几个css，分享下
块级不换行；

/*块级不换行*/
	display: inline-block;

两块级顶部对齐：

/*顶部对齐*/
	vertical-align: top;

div在div里居中：

text-align: center;

本站首页个性页css全部：

/*全部宽度居中*/

.zq_centerall {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	background-color: #f9f9f9;
	color: #000000;
}
.zq_centerall1 {
	padding: 2px 8px 2px 8px;
	margin: 2px 2px;
	/*块级不换行*/
	display: inline-block;
	/*顶部对齐*/
	vertical-align: top;
	text-align: left;
	width: 80%;
	max-width: 710px;
	background-color: #FFFFFF;
	color: #000000;
}
.zq_centerall2 {
	display: inline-block;
	/*顶部对齐*/
	vertical-align: top;
	text-align: center;
	padding: 2px 8px 2px 8px;
	margin: 2px 2px;
	width: 15%;
	max-width: 200px;
	background-color: #FFFFFF;
	color: #000000;
}

阅:1748

发表于2020-02-14 00:25

#其他教程