css前&；垂直对齐顶部后

我有一个简单的滑块，在其中，我在两端制作了两个箭头。 但是，两端箭头的对齐已关闭一个像素。在firefox和chrome中，它要么低一个像素，要么高一个像素。我正在css中创建箭头。我使用的是osx 10 mountain lion，而不是windows

我在这里设置了一个代码笔：

关于如何让它们与同一最高位置对齐，有什么想法吗

谢谢，

---

Bart

使用十六进制格式的“字母符号”并将其与行高垂直对齐会容易得多：）

---

除非您不想使用字符。

在我的电脑（chrome&FF）上看起来不错。请尝试刷新您的浏览器？我使用的是mac osx 10 Mountain lion，您使用的是什么操作系统？Windows XP、Chrome 27、FF 21好的，很高兴知道，谢谢您让我知道。这带来了几个问题。（1） 对于类似的浏览器，mac和pc平台在呈现相对块中的绝对块时是否存在1px的差异，以及（2）这种差异是否仅在伪元素的上下文中表现出来？在OSX mountain lion上，我的代码笔中仍然没有对齐更多要测试和使用的字符

.handle {
  width: 110px;
  height: 15px;
  cursor: move;
  position: relative;
  top: 0;
  left: 0;
  margin-left: -1px;
  z-index: 100; 
  background-color:#00718E;
  line-height: 15px;
  font-size:15px;
}

.handle:before {
  content:"\25C0";
  position:absolute;
  top:0;
  left:3px;
  line-height: 15px;
  color:white;
}

.handle:after {
 transparent; 
  content:"\25B6";
  position:absolute;
  top:0;
  right:3px;
  line-height: 15px;
  color:white;
}