用于居中和填充的CSS预处理器/库

用于居中和填充的CSS预处理器/库,css,frameworks,mixins,css-preprocessor,Css,Frameworks,Mixins,Css Preprocessor,除了香草CSS之外,我几乎没有使用过任何东西,但我真的很想做一些现在效果不好的事情: 我在一个div中有一个内边框,我想实际上在封装div的边框内部加上边框(双边框)。但是,在调整窗口大小时,内边框的宽度/高度有时会太大/太小,即使使用%或vh/vw等测量值也是如此。我需要内边框(现在只是一个带边框的div)始终拉伸/收缩,以便紧贴父边框 与居中类似(臭名昭著),我认为一定有一个库能够轻松地垂直和水平居中元素。一般来说,我使用flex box,但我喜欢更一致、更优雅、更直观的东西 ye怎么说?我

除了香草CSS之外,我几乎没有使用过任何东西,但我真的很想做一些现在效果不好的事情:

我在一个div中有一个内边框,我想实际上在封装div的边框内部加上边框(双边框)。但是,在调整窗口大小时,内边框的宽度/高度有时会太大/太小,即使使用%或vh/vw等测量值也是如此。我需要内边框(现在只是一个带边框的div)始终拉伸/收缩,以便紧贴父边框

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


ye怎么说?

我想你说的是CSS框架,它们帮助很大,尤其是在处理大型项目时。我会去看看或者谷歌的,我个人使用的,这是两者的第三方混合体

您可以尝试满足这种特殊需求

Tacit是一个无类CSS框架,您只需要在HTML中使用一条
语句,网页就会有一个完整完整的外观

元素的垂直和水平居中是现成的,您可以跳过
元素的使用或为元素定义类的工作


作为旁注,这里有一些使用默契的页面示例,唯一的工作是包括CSS文件:,

引导或材质设计是否能够解决我提到的这两个问题?是的,它们都有:)。