小编Wry*_*yte的帖子

为什么我的第一个内联块元素上面有空格

我在容器内部有内联块元素,应该从容器的左上角开始显示.由于某种原因,第一个元素显示在它应该的下面.我已经尝试过边距和填充重置但是在检查时无论如何都没有边距或填充.

这是html(没有空格,所以它们不会破坏布局):

 <div class='nav'><div class='logo'><p>test</p></div><ul><li><a href='#'>Link</a></li><li><a href='#'>Link</a></li><li><a href='#'>Link</a></li><li><a href='#'>Link</a></li><li><a href='#'>Link</a></li></ul></div>
Run Code Online (Sandbox Code Playgroud)

这是css:

.nav {
    position: relative;
    width: 80%;
    height: 50px;
    background-color: red;
    z-index: 1;
}
.nav .logo {
    display: inline-block;
    width: 10%;
    height: 100%;
    background-color: #f90;

}
.nav ul {
    display: inline-block;
    width: 90%;
    text-align: center;
}
.nav li {
    display: inline-block;
    height: 100%;
    line-height: 50px;
    width: 20%;
    background-color: grey;
}
.nav li a {
    margin: 0;
}
Run Code Online (Sandbox Code Playgroud)

这是一个显示问题的codepen:

http://codepen.io/Wryte/pen/Guavp

html css

19
推荐指数
1
解决办法
5532
查看次数

我可以在同一个元素上使用多个伪选择器聚焦之前/之后吗?

我正在尝试结合使用伪选择器和伪元素来创建自定义工具提示。

我的 HTML:

<input id='test'/>
Run Code Online (Sandbox Code Playgroud)

我的CSS:

<input id='test'/>
Run Code Online (Sandbox Code Playgroud)

运行代码的小提琴:http : //jsfiddle.net/9ujEH/

目前,当#test:focus 聚焦时,输入将变为蓝色,但黑色方块并没有像我想象的那样从#test:focus:before 中显示出来。

html css pseudo-class

6
推荐指数
2
解决办法
2万
查看次数

如何在Lua字符串中替换$?

如何在Lua中替换一个美元符号,因为它是模式匹配中的特殊字符?

我试过这个:

string.gsub("$44,000.00", "$", "")
> "$44,000.00"
Run Code Online (Sandbox Code Playgroud)

但它只是在字符串的末尾添加一个空白.例如

string.gsub("$44,000.00", "$", "what")
> "$44,000.00what"
Run Code Online (Sandbox Code Playgroud)

string lua lua-patterns

6
推荐指数
1
解决办法
3155
查看次数

为什么我的图标字体图标不会保持旋转状态?

我试图旋转一个图标,transform: rotateZ(90deg)但似乎它忽略了它.

当我向图标添加转换时,我可以看到图标的动画旋转,但是当它完成动画时它会快速回到原位.

这里是:

@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

span {
  transition: 2s;
  border: 1px solid red;
  font-size: 500px;
}

span:hover {
  transform: rotateZ(90deg);
}
Run Code Online (Sandbox Code Playgroud)
<span class="fontawesome-download-alt"></span>
Run Code Online (Sandbox Code Playgroud)

html css css3 icon-fonts

4
推荐指数
1
解决办法
570
查看次数

如何用javascript中的空格替换unicode字符u00A0?

我想要在输入结尾添加空格时替换内容可编辑div使用的错误字符.

这是我尝试过的

var text = $(this).text();
text.replace(/\u00A0/, " ");
Run Code Online (Sandbox Code Playgroud)

但是当我检查最后一个字符的值时,就像这样

text.charCodeAt(text.length-1)
Run Code Online (Sandbox Code Playgroud)

该值仍然是160而不是32

javascript regex

2
推荐指数
1
解决办法
9091
查看次数

标签 统计

css ×3

html ×3

css3 ×1

icon-fonts ×1

javascript ×1

lua ×1

lua-patterns ×1

pseudo-class ×1

regex ×1

string ×1