CSS preprocessor/library 用于居中和填充

CSS preprocessor/library for centering and fills

我几乎没用过除香草以外的任何东西 CSS 但我真的很想做一些现在效果不佳的事情:

我在 div 内部有一个内部边框,我想在封装 div 的边框(双边框)的内部设置边框。然而,随着 window 调整大小,内边框有时也会有 large/small width/height,即使使用像 % 或 vh/vw 这样的度量也是如此。我需要内边框(现在只是一个带边框的 div)总是 stretch/shrink 以紧贴父边框。

与居中类似(臭名昭著),我想一定有一个库能够轻松地将元素垂直和水平居中。通常我使用 flex box,但我会喜欢更一致、优雅和直观的东西。

你说呢?

我认为您在谈论 CSS 框架,它们提供了很多帮助,尤其是在从事重大项目时。我会查看 Twitter Bootstrap or Google's Material Design, I personally use mdbootstrap,这是两者的第 3 方混合体。

您可以 Tacit 尝试满足这一特殊需求。

Tacit 是一个 class-less CSS 框架,您只需要 HTML 中的一个 <link> 语句,网页就会有一个完整的完成看

元素的垂直和水平居中是开箱即用的,您可以跳过 <div> 元素的使用或为您的元素定义 类 的工作。

附带说明一下,这里有几个使用 Tacit 的页面示例,唯一的工作是包含 CSS 文件:http://filfreire.com/, http://www.jare.io/, https://socatar.com/