0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > 空格BUG

空格BUG
热门标签：400电话办理安徽 北京销售外呼系统线路 江西防封卡外呼系统怎么安装 南宁外呼电销系统招商 电销智能机器人靠谱么 南通电话外呼系统开发 沸思外呼线路 电销机器人的宣传语 石家庄电话机器人电话
这篇是关于display:inline;的使用的，前几天作一个布局时，用这个效果，但始终没有出来，害得我浪费了二个小时，还多长了三行代码才解决；今天突然想起这事了，总感觉不对，因为我的思路是对的，可是效果就是出不来；于由重写代码，终于发现问题了，又是那个该死的空格BUG；

下面展示给大家看一下，同样的问题别再次出现在你的身上；

大家先看一下下边的CSS代码：
复制代码 代码如下:
 
style>
body{ margin:0; padding:0; font-size:12px; text-align:center;line-height:25px;}
#info{ margin:100px auto; background:#CCCC00; }
ul,li{ margin:0; padding:0; list-style:none;}
#info li{ border-left:1px solid #6633CC; display:inline;border-right:1px solid #6633CC; padding:5px 10px; margin-left:-1px;}
/style>

以下是布局的代码： 
复制代码 代码如下:

div id="info">
 ul>
  li>网站首页/li>
  li>情感文章/li>
  li>给我留言/li>
  li>友情链接/li>
 /ul>
/div>

以下是出来的效果：


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

看到了吗？IE和FIREFOX中的差别了吧！
再看下边的布局代码，我全部放在了同一行上：
复制代码 代码如下:
 
div id="info">
 ul>li>网站首页/li>li>情感文章/li>li>给我留言/li>li>友情链接/li>/ul>
/div>

好了，这下看一下最后的效果吧！

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

问题解决的一个办法：

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

标签：宁夏 衢州 阳泉 北海 晋中 云南 来宾 盐城

巨人网络通讯声明：本文标题《空格BUG》，本文关键词  空格,BUG,空格,BUG,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《空格BUG》相关的同类信息！
  • 本页收集关于空格BUG的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：Overflow OPREA

    下一篇：DIV+CSS 网页TIP的简单作法

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： 空格BUG 空格,BUG,空格,BUG,