portfolio区那几个橘色小框怎么居中？

.portfolio>.text>ul{
	display: block;
	position: absolute;
	width: inherit;
	top: 250px;
	text-align: center;
}
.portfolio>.text>ul>li{
	display: inline-block;
	position:inherit;
	border: 1px solid #f46208;
	color: #f46208;
	float: left;
	margin-right: 25px;
	padding:5px;
}

我用的是ul和li，这么写实现不了居中，ul外的div是position：relative

慕标4303546 2017-09-17

源自：HTML5展望 3-2 作业题

收起

3回答

小丸子爱吃菜回答被采纳获得+3积分 2017-09-17 16:44:41

将定位的相关属性去掉，正常布局，不需要定位。

收起回答

慕标4303546 提问者 #1

非常感谢！

2017-09-17 17:09:54

风间君 2017-09-17 21:00:13

三个人物的图片下面怎么添加文字，怎么对齐，怎么横向排版。。

收起回答

小丸子爱吃菜 2017-09-17 14:12:19

正常去布局，给ul设置定宽，然后设置margin:0 auto;就可以实现元素的水平居中。先让整个区域ul在区域中居中，里面的li通过设置宽度以及margin值去调整它们之间的距离。

祝学习愉快！

收起回答

提问者慕标4303546 #1

我一开始就是这么写的，但是它们都在最左边，不是在中间，请问我是哪写错了？ .portfolio>.text>ul{ position: absolute; width: 1000px; top: 250px; margin:0 auto; } .portfolio>.text>ul>li{ border: 1px solid #f46208; color: #f46208; float: left; margin-right: 25px; padding:5px; }

2017-09-17 16:25:10