开发者

Ordering images in an inline style in a list element

开发者 https://www.devze.com 2023-01-01 03:04 出处:网络
How do I order images in a list in an inline style with css? I have tried puting inline style in the list tag but it is 开发者_如何学Goshowing it in block form. Any help will be greatly appreciatedVer

How do I order images in a list in an inline style with css? I have tried puting inline style in the list tag but it is 开发者_如何学Goshowing it in block form. Any help will be greatly appreciated


Version2 (and without gaps in images):

In the head:

<style>
ul li {display: inline;} 
</style>

In body:

<ul>
  <li><img src="1.gif"></li><!--  
  --><li><img src="2.gif"></li><!--  
  --><li><img src="3.gif"></li>
</ul> 

This html comment "magic" is done because browsers interpret new line as a gap symbol between images.

0

精彩评论

暂无评论...
验证码 换一张
取 消