梅花大人来帮我看看

Question

block，会换行是块
display:''是tag的默认方式。
看下面这个例子<div style="display:inline">aaa</div>1aaa<span style="display:block">bbb</div>1bbb

Answer 1

<ul><li>A</li><li>B</li><li>C</li><li>D</li><li>E</li><li>F</li><li>G</li></ul>  我想让列表横向按顺序排列,在Css中怎么写,用到 float:left; 可以,但是每个列表前的图片
list-style-image:url("li_pic.gif");  显示不出来,这一点怎么解决?这个问题呢?

Answer 2

http://linhai.cnblogs.com/archive/2006/05/11/397651.html

Answer 3

我想让列表横向按顺序排列,在Css中怎么写,用到 float:left; 可以,但是每个列表前的图片
list-style-image:url("li_pic.gif");  显示不出来,这一点怎么解决?可以用background-image+padding-left的方法来解决

Answer 4

.foot-content tt
{
   margin:0px 2px;
}<p><tt><img src="li_pic.gif">&nbsp;<a href="#">lala</a></tt>
   <tt><img src="li_pic.gif">&nbsp;<a href="#">haha</a></tt>
   <tt><img src="li_pic.gif">&nbsp;<a href="#">nana</a></tt>
   <tt><img src="li_pic.gif">&nbsp;<a href="#">papa</a></tt>
   <tt><img src="li_pic.gif">&nbsp;<a href="#">tata</a></tt>
   <tt><img src="li_pic.gif">&nbsp;<a href="#">caca</a></tt>
   <tt><img src="li_pic.gif">&nbsp;<a href="#">wawa</a></tt>
</p>以上是一种解决方式,而且完全符合要求,但是...我还是想使用列表  list-style-image:url("li_pic.gif");  每个<tt>标签里都有<img>，浪费带宽（这么想有点极端－＿－．．不过能节约50%）
或者有没有替代写法，一个目的：把<img>放到Css中处理,一个属性制定N个表现楼上的看不太懂，能写个Css块出来么？