跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
layout

42 篇文章
{
,

}
文章“`object-fit` 和 `object-position` 的快速概述”的直接链接
图像 布局

`object-fit` 和 `object-position` 的快速概述

object-fit 和 object-position 是我最近两个最喜欢的 CSS 属性。它们使开发人员能够控制 img 或 video 内的内容,类似于我们使用 background-position 和 background-size 操作 background 内容的方式……

Avatar of Robin Rendle
Robin Rendle 于 2016年2月19日
文章“CSS 居中指南”的直接链接
居中 布局 垂直对齐

CSS 居中指南

在 CSS 中居中内容是 CSS 抱怨的典型代表。为什么它必须如此困难? 他们嘲讽道。我认为问题不在于它难以实现,而在于有太多不同的方法……

Avatar of Chris Coyier
Chris Coyier 于 2024年8月12日
文章“CSS Flexbox 布局指南”的直接链接
Flexbox 布局

CSS Flexbox 布局指南

我们关于 CSS Flexbox 布局的全面指南。本完整指南解释了 Flexbox 的所有内容,重点介绍了父元素(Flex 容器)和子元素(Flex 项目)的所有可能属性。它还包括历史、演示、模式和浏览器支持图表。
Avatar of Chris Coyier
Chris Coyier 于 2024年8月12日
文章“宽度”的直接链接
布局 宽度

宽度

CSS 中的 width 属性指定元素内容区域的宽度。此“内容”区域位于元素的 填充、边框 和 边距 内部(盒子模型)。

.wrap { 
  width: 80%;
}
…
Avatar of Sara Cope
Sara Cope 于 2021年3月3日
文章“无缝响应式照片网格”的直接链接
图库 网格 布局

无缝响应式照片网格

假设您有一堆要显示的图像,目标是在浏览器窗口上将它们无缝显示,没有任何间隙。仅仅因为您认为这会很酷。它们的大小各不相同……

Avatar of Chris Coyier
Chris Coyier 于 2018年2月19日
文章“关于浮动的一切”的直接链接
清除 clearfix 浮动 布局

关于浮动的一切

浮动 是一个 CSS 定位属性。为了理解其目的和起源,我们可以参考印刷设计。在印刷布局中,图像可以设置在页面中,以便文本根据需要环绕它们。这通常被称为“文本环绕”。
Avatar of Chris Coyier
Chris Coyier 于 2021年3月25日
  • 更早
  • 1
  • ...
  • 3
  • 4
  • 5

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费信用额度!
CSS-Tricks
  • 为我们撰写文章!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.