我一直在努力超过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/