在web开发中，展示对象类型数据是非常常见的需求。比如一个在线商城需要展示商品详情，一个新闻网站需要展示新闻内容，一个社交网站需要展示用户信息等。而展示这些信息，我们可以使用CSS来实现。

首先，我们需要一个HTML结构来存放这些数据。比如下面的HTML结构展示了一个学生的信息。

<div class="student">
<h2>姓名：张三</h2>
<ul>
<li>性别：男</li>
<li>年龄：18</li>
<li>班级：一年级一班</li>
<li>爱好：足球、篮球、游泳</li>
</ul>
</div>

上面的代码中，我们使用了一个div元素来包裹整个学生信息。内部有一个h2元素用来展示学生的姓名，以及一个ul元素用来展示其余信息。ul元素内部使用了多个li元素来分别展示不同的信息。这种结构非常常见，可以根据实际需求做出适当的调整。

有了HTML结构之后，我们就可以使用CSS来对其进行样式设计。比如，我们可以设置ul元素的样式，让其水平排列，而不是默认的垂直排列。

.student ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
padding: 0;
}
.student li {
flex-basis: 48%;
margin-bottom: 10px;
}

上面的代码中，我们使用了flexbox来控制ul元素的排列方式。flex-wrap属性可以控制是否换行，justify-content属性可以控制水平对齐方式。我们还去掉了li元素的默认样式，然后设置了宽度和垂直间距。

最后，我们再使用一些其他的CSS样式，比如设置字体颜色、大小等，就可以完成整个展示对象类型数据的设计了。