我创建了这个倒计时(这里的代码),由于某种原因,这些数字在 Safari 中似乎是向下的,而不是从左到右。
跨度不是太宽或任何东西,(width: 150px;
)所以我不知道为什么会这样。
有谁知道是什么原因造成的或如何解决?
我已经在 Chrome 和 Firefox 中测试过,效果很好,但我不知道 IE。
只需display: table;
从中删除.nums
_display: table-cell;
.nums span
CSS
@font-face {
font-family: 'Quicksand Book';
src: url('http://donutdev.com/fonts/Quicksand_Book.otf');
}
#headr {
font-family: 'Trebuchet MS', sans-serif;
font-size: 50px;
}
#countdown {
width: 600px;
height: 166px;
background-color: #212121;
border-radius: 7px;
display: none;
}
.nums {
float: left;
width: 150px;
padding-top: 20px;
height: 90px;
text-align: center;
font-family: 'Quicksand Book', sans-serif;
font-size: 50px;
}
.nums span {
vertical-align: middle;
color: #dcdcdc;
}
.text {
float: left;
width: 150px;
padding-bottom: 20px;
text-align: center;
font-family: 'Verdana', sans-serif;
font-size: 25px;
color: #dcdcdc;
}