有一点时间让这种格式正确,所以任何想法将不胜感激.我们有一堆关于foos的信息,我们希望将它们组合在一起.因此,如果我们彼此相邻列出了一堆foos,如果该元素导致foos换行,那么整个foo将保持在一起.格式化也应如下所示:因此文本位于左侧,数字位于右侧.
|-----------------------------------------------------|
|[icon] Brad (human) [pic] (2) [pic] (3)|
|-----------------------------------------------------|
Run Code Online (Sandbox Code Playgroud)
因此主要图标最左边是名称和模型,然后右对齐是兄弟姐妹和孩子(每个都有css嵌入图标).
每个foo都可以具有以下内容:
foo.id = 12345
foo.name = 'brad'
foo.model = 'human'
foo.image = ''
foo.kids = 3
foo.siblings = 2
foo.link = ''
Run Code Online (Sandbox Code Playgroud)
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>none</title>
<style type="text/css" >
body
{
margin: 0;
padding: 0;
min-width: 850px;
text-align: left;
line-height: 28px;
font-size: 14px;
font-family: Verdana,Tahoma,Arial;
}
#content …Run Code Online (Sandbox Code Playgroud)