Question

任何人都可以告诉我如何从以下代码中删除div中间生成的间隙:(粘贴并命名为test.html）

<!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" xml:lang="en" lang="en">
 <head>
   <script src="http://www.google.com/jsapi"></script>
   <script>google.load("jquery", "1.2.6")</script>
   <script src="jquery.corners.js"></script>
 </head>
<body>

<div id="divOuterOuter" style="width: 448px; height: 157px; padding-right:
0px;padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;">

  <div style="width: 448px; height: 120px; background-color:#d1ddf1; padding-right: 
  0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 25px; padding-top: 
  0px;" 
  id="divOuter" class="rounded {20px}"> 
  </div>
</div>

 <script>$(document).ready( function(){
        $('.rounded').corners();
        });</script>
</body>
</html>

提前致谢！

问题示例 Example Problem http://image2.humyo.com/I/9176883-444407271/M2QyZmIxYThiMDVhM2NlODYwMjM4MDI2MDA0MmI5Y2I=/450/450/0/1238082866.jpg

Answer 1

角落插件（至少我在http://www.malsup.com/jquery/corner/中找到的那个）用“角落”调用，而不是“角落”。

请尝试使用此代码：

<script type="text/javascript">
  $(document).ready( function(){
    $('.rounded').corner();
  });
</script>

在IE 7和Opera 10中，我的工作正常。

Answer 2

删除div＃divOuter上的25px底部边距。

Answer 3

有争议且可能没有帮助的答案：

使用：

-moz-border-radius      /* for firefox */
-webkit-border-radius   /* for webkit browsers */

忽略Internet Explorer。圆角是视觉上精确的，通常不是功能元素，因此，当其他正常的浏览器使其变得如此简单和可靠时，你需要花费多少努力让它为IE用户工作。

Answer 4

我相信泰勒有正确的答案。我想补充说我是在FireFox中开发的，原因是这样的。使用Firebug add-on可以更轻松地追踪像这样的CSS问题。您可以使用“检查”并选择有问题的对象并在FireBug中动态编辑CSS以确定导致间隙的原因。

Jquery Rounded Corner＆amp; Div - 删除差距？

4 个答案: