文章标签

我们亲爱的朋友 Robin 有一篇新的文章，名为 赞美阴影。现在，在你跳过去寻找关于 CSS 盒阴影、文本阴影和阴影滤镜的要点之前……这 不是 那样。这是一篇随笔……

Adam Argyle 在 web.dev 上发表了一篇文章 深入探讨了这一点。他从你需要进行垂直居中 和 水平居中的假设开始。传统上，垂直居中对人们来说有点棘手，特别是……

Andrew Welch 几天前提出了 一个关于 CSS 的小挑战，要求创建一个普通的 div

• 垂直 + 水平居中
• 缩放以适应视口并周围留有边距
• 保持任意纵横比
• 无 JS

在前端开发中，我经常会遇到不知道某些事情的情况。我可能知道足够的信息来知道要搜索哪些 CSS，但我完全不知道如何使用它或正确的……

这不是关于居中事物的全面指南。 我们有这个！

这只是关于新旧的一些观察。与 CSS 中的居中相关的棘手事情之一是，当您需要同时垂直和……

CSS 中的居中是 CSS 抱怨的典型代表。 为什么它必须如此困难？ 他们嘲笑。我认为问题不在于它难以实现，而在于有太多不同的方式……

在网页设计中，关于居中元素及其父元素的信息越多，就越容易居中。那么，如果您一无所知呢？它仍然是可以做到的……

CSS background-image 技术

html { 
   width:100%; 
   height:100%; 
   background:url(logo.png) center center no-repeat;
}

CSS + 内联图像技术

img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: 500px;
   margin-top: -250px; /* Half the height */
   margin-left: -250px; /* Half