在不同的浏览器中定位

时间：2016-08-08 13:54:35

标签： html css

如果仔细观察，我的右边（Safari）略低于左边（Chrome）。虽然这很小，但我仍然想知道这可以修复。 enter image description here 

<body>
<div class="player">
<input type="button" id="specific" value="<?php echo $id; ?>"
onclick='window.open("<?php echo $specific; ?>")'>
//other stuff


.player
{
  position: relative;
  width: 600px;
  padding: 30px 10px 10px 10px;
  border-style: solid;
  border-radius: 20px;
  margin: auto;
  text-align: center;
  font-family: "Arial";
}

#specific
{
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 50%;
  transform:translate(-50%, -50%);
  padding: 5px 15px;
  cursor: pointer;
  border: none;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  font-size: 15;
}

0 个答案:

没有答案
相关问题
最新问题