怎样去掉勋章图片之间的空格和行距？

最新回复

于安 at 2008-10-07 09:54:01

外距. 内距

noseek at 2008-10-07 10:06:25

QUOTE:

原帖由 于安 于 2008-10-7 09:54 发表
外距. 内距

拜托，能讲得稍微详细些吗？

spzgy at 2008-10-07 11:53:46

给出网址才好分析具体要修改的位置，这样说太虚无缥缈了。

wodoe at 2008-10-07 12:00:45

用的什么啊  表格还是div啊?
表格里面好像有一个填充什么的 不记得了 设置为0

myBe at 2008-10-07 13:58:48

PHPBBS不了解，我知道discuz的勋章用了<p>自动会有间隔，换成div或都加个class限制就可以了。

ahsxw at 2008-10-07 14:23:41

noseek at 2008-10-07 15:05:31

谢谢各位关注！

因为目前还是单机测试，所以还不能提供网址。

这个勋章就是PHPWIND6。3。2自带的插件功能，只不过我自己替换了勋章类型而已。

出现的位置就是在论坛个人信息栏里：

snap.jpg

read.htm文件中相应内容为：

……
.user-xz{padding:0;margin:0;border:0px;line-height:0px;}
……
……
print <<<EOT
-->
  <br /><b>勋章: </b><br />
  
  <div class="user-xz">$read[medals_lz]</div><br /><br />$read[medals_xz]
<!--
EOT;



$read[medals_lz]我设定的是略章，$read[medals_xz]是勋章，分开两部分显示的。


根据于安兄的指点，我在论坛后台风格设置里，把CSS样式中所有padding、margin都设为0了，但依然没有消掉勋章之间的空隙。

hust_zh at 2008-10-07 16:32:30

你把你的代码都写在一行试试，就是涉及到图片的table或者div中间不要空格，不要换行。

noseek at 2008-10-07 17:25:09

QUOTE:

原帖由 hust_zh 于 2008-10-7 16:32 发表
你把你的代码都写在一行试试，就是涉及到图片的table或者div中间不要空格，不要换行。

  一句话点醒梦中人啊！！！

竟然是READ.PHP里的空格捣的乱～

太感谢了！

通过这个问题，我也多学了些CSS的知识，感谢各位的指点！

noseek at 2008-10-07 17:34:18

不过奇怪的是，把多余的空格删了，行距也跟着自动消失了，不解～

当然这正是我希望的，不管它是为什么了！