个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我正在尝试创建 css 选项卡。最初我尝试在 jsfiddle 上编码并且它工作正常。
http://img.ctrlv.in.s3.amazonaws.com/img/5198a15694cbb.jpg
当我在我的 blog 中复制粘贴相同的内容时
我在选项卡和内容之间有一个空白区域。 http://img.ctrlv.in.s3.amazonaws.com/img/5198a1ba0ba44.jpg
我假设可能有一些类似的 css 导致空白。但是没有 css 可能导致那个空白。忽略它，我添加了 !important everywhere。但仍然有一个空白空间。谷歌浏览器检查元素也没有给出任何提示。任何人都可以帮助我
这是基本代码
<!DOCTYPE html>
<ul class="tabs clearfix">
<li><a href="#html" class="active">HTML</a></li>
<li><a href="#javascript">JavaScript</a></li>
<li><a href="#css">CSS</a></li>
</ul>
<ul class="tabs-content">
<li class="active" id="html">
grtgrtgrtg
</li>
<li id="javascript">
erfefr
</li>
<li id="css">
<p>Similar to the the CSS is used to style the tooltip, or info box.</p>
</li>
</ul>
CSS
.clearfix:before, .clearfix:after, .row:before, .row:after {
content:'\0020';
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
.row:after, .clearfix:after {
clear:both
}
.row, .clearfix {
zoom:1
}
.tabs {
display:block;
border-bottom:solid 1px #ddd;
zoom:1;
margin:24px 0 0 0;
padding:0
}
.tabs li {
display:block;
width:auto;
height:30px;
float:left;
margin:0;
padding:0;
text-indent:0;
list-style:none
}
.tabs li a {
display:block;
text-decoration:none;
width:auto;
height:29px;
line-height:30px;
border:solid 1px #ddd;
background:#f5f5f5;
font-size:13px;
-webkit-transition:color 1s ease;
-moz-transition:color 1s ease;
-o-transition:color 1s ease;
transition:color 1s ease;
border-width:1px 1px 0 0;
margin:0;
padding:0 20px
}
.tabs li a:hover {
background:#f0f0f0;
color:#111;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-o-transition:color .3s ease;
transition:color .3s ease
}
.tabs li a.active {
background:#f8f8f8;
height:30px;
position:relative;
top:-4px;
padding-top:4px;
border-left-width:1px;
color:#111;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
margin:0 0 0 -1px
}
.tabs li:first-child a {
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
border-top-left-radius:3px;
border-width:1px 1px 0
}
.tabs li:last-child a {
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
border-top-right-radius:3px
}
.tabs-content {
background:#f8f8f8;
color:#4c4c4c;
display:block;
border:solid 1px #ddd;
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
border-width:0 1px 1px;
margin:0 0 24px -1px;
padding:20px 30px 10px 30px
}
.tabs-content li {
margin:0;
padding:0;
text-indent:0;
list-style:none
}
最佳答案
问题不在于两个 ul 之间的空格。这是你的 .tabs li a
将这些设置为:
.tabs li a { height: 30px; }
.tabs li a.active { height: 34px; }
在你的网站上测试过，它看起来像这样:
关于html - 如何删除 2 个 <ul> 之间的空格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16633410/
26
4
0
我有这个代码来查找这个模式:201409250200131738007947036000 - 1，在文本内 final String patternStr = "(\\d{
我正在尝试使用正则表达式清除一些用户输入，以删除 [ 和 ] 并删除任何大于 1 个空格的空格。但我似乎无法实现我想要的效果。这是我第一次使用正则表达式，所以我对如何写出来有点困惑。 (preg_re
我正在尝试构建这个简单的正则表达式来匹配 Java 中的单词+空格，但我在尝试解决它时感到困惑。该网站上有很多类似的示例，但答案大多给出了正则表达式本身，而没有解释它是如何构造的。 我正在寻找的是形成
好吧，我已经阅读了很多建议如何消除多余空间的帖子，但无论出于何种原因，我似乎无法将这些建议应用到我的系统中，所以我在这里寻求您的帮助。 这些是我代码的最后几行: for line in rli
所以我正在我的测试存储上学习网页抓取，但我不确定如何正确地从“sizes”数组中删除空的新行。 const $ = cheerio.load(body) $('div.lis
这个问题已经有答案了: How to prevent invalid characters from being typed into input fields (8 个回答) 已关闭 9 年前。 是
有人知道如何让扫描仪忽略空间吗？我想输入名字和第二个名字，但扫描仪不让我输入，我想保存全名 String name; System.out.print("Enter name: "); name =
这个问题在这里已经有了答案: Make Vim show ALL white spaces as a character (23 个回答) 关闭 8 年前。 VIM(使用 Solarized Dar
我想使用 StreamTokenizer 从 java 文件中提取名称。我已将空格设置为逗号 inputTokenizer.whitespaceChars(',', ','); 但是，
我正在使用此代码逐行读取 txt 文件。 // Open the file that is the first command line parameter FileInputStream fstre
我似乎无法弄清楚我需要的正则表达式。这就是我想要实现的目标: {ANY CHAR} + @javax.persistence.Column(name = "{ANY 30 CHARS}") + {AN
我正在运行 StyleCop(顺便说一句，如果你想提供高质量的代码，我完全推荐它)... 我有这条线 [System.Xml.Serialization.XmlRootAttribute(Namesp
我刚刚更新到 PhpStorm 2016，我突然注意到，每次我按 Ctrl + S 保存文件时，它都会删除我在测试这段代码后按下以继续编写的空格/制表符。 请帮忙，这对我来说很烦人，因为我在每一行代码
关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭 7 年前。 Improve th
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果
我已经看过几十个关于这个主题的问题和答案，但我仍然无法解决我的问题。 我在我的代码中使用了一个外部 ffmpeg 转换器，我将文件路径作为参数传递，如下所示: OutputPackage oo = c
谁能详细解释一下它们是什么以及它们之间的区别。提前致谢。 最佳答案 转义序列是代表其他内容的字符序列。例如(“\n” = 新行，“\?” = 问号等)。有关更详细的列表，请检查:https://en.
我无法从我的 javascript 文本中删除换行符。这是我正在处理的数据示例: 0: "Christian Pulisic" 1: "↵" 2: "From Wikipedia, the free
我有一个问题 - 我似乎无法从字符串的开头/结尾删除新行/空格。我在正则表达式的开头和结尾使用 \s ，甚至在获取字符串后使用 .trim() ，但无济于事。 public void extractI
我是 php 的新手，我正在尝试将一系列变量添加到 html 超链接中。但是，任何返回空格的变量都会弄乱超链接。 Grants Test
我是一名优秀的程序员,十分优秀！