我一直在努力超过2个小时,我不知道解决方案...

我正在尝试创建一个嵌套列表,每一行都包含以下项目:

水果的图片|条形图|一些价值观

水果的图片|条形图|一些价值观

这是我的代码:

http://jsfiddle.net/Rq5AJ/

这是我得到的结果:

水果的图片|条形图|一些价值观

                            picture of a fruit


|条形图|一些价值观

我希望有人可以帮助我。提前致谢!

编辑:

删除字体似乎有所帮助,知道为什么吗?

.mgValue{
    text-align:center;
    margin-left: 10px;
    font-size:18px;
    color:#7D7D60;
    margin-top: 50px;
    font-family:'GOTHICB';
}

.gValue{
    color:#A09F8E;
    font-size:14px;
}

@font-face{
    font-family: 'GOTHICB';
    src:url(../Fonts/GOTHICB.TTF);
}

最佳答案

您格式化不正确。您的每个ul元素都应该是li元素。然后,您可以使用CSS格式化每个li元素内部的数据。但是,由于您的li元素不是相似的项目,而是不同类型的数据,因此采用这种格式进行格式化更有意义。

或者,只需将带有“水果(或其他)”类的div中的每个项目组包装起来,然后在div中设置元素的样式。

关于html - 无序列表属于appart html,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21244326/

10-09 15:09
查看更多