Heim  >  Artikel  >  Web-Frontend  >  CSS揭秘,切图

CSS揭秘,切图

高洛峰
高洛峰Original
2016-10-17 09:45:141161Durchsuche

书中说道一个关键的点,视觉的错觉:视觉的中点在偏上一点的位置(默默对自己说,不要用像素,别给自己挖坑。。。)

1.png

.center-display .object{
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  top: 0;
  bottom: 0.8em;
  left: 0;
  right: 0;
  margin: auto auto;
  border-radius: 50%;
  background-color: red;
text-indent: -300em;
}
.center-display:nth-child(2) .object{
  bottom: 0;
}

居中和偏上一点点的代码,你能看出哪个是真真的放在中心吗?

Get busy living, or get busy dying.


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn