CSS
前端_李嘉豪
一言难尽
展开
-
Grid 网格响应式布局教程
它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。相对于,Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局,在某些使用场景下,会比flex布局更便捷一些。原创 2022-09-29 13:03:58 · 1516 阅读 · 1 评论 -
CSS竖行横书组合
horizontal-tb:水平方向自上而下的书写方式。vertical-rl:垂直方向自右而左的书写方式。vertical-lr:垂直方向内内容从上到下,水平方向从左到右。sideways-rl:内容垂直方向从上到下排列。使用方法div { writing-mode: vertical-rl;}<div> <p>同在屋檐下,</p> <p>惟有偶遇。</p> <p>犹如白驹过隙,</p>原创 2021-02-24 16:49:19 · 167 阅读 · 0 评论