ホームページ  >  記事  >  ウェブフロントエンド  >  CSS が明らかになり、写真がカットされる

CSS が明らかになり、写真がカットされる

高洛峰
高洛峰オリジナル
2016-10-17 09:45:141220ブラウズ

この本では、重要なポイントである錯視について説明しています。視覚の中点は少し上にあります(静かに自分に言い聞かせてください、ピクセルを使用しないでください、自分で穴を掘らないでください...)

CSS が明らかになり、写真がカットされる

.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;
}

中央にあるものとコードの少し上にあるもの、どちらが実際に中央にあるのかわかりますか?

生きるのに忙しくなるか、死ぬのに忙しくなるか。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。