前端页面布局
关注
分享
扫一扫
文章平均质量分 63
小tenten
这个作者很懒，什么都没留下…
展开
-
纯css实现文字左右循环滚动播放效果
纯css实现文字左右循环滚动播放效果原创 2024-02-21 10:22:31 · 2408 阅读 · 0 评论 -
css实现圆环、渐变色圆环的多种方式
css实现圆环、渐变色圆环的多种方式原创 2022-12-28 14:11:48 · 4703 阅读 · 0 评论 -
五种前端布局之flex布局
五种前端基本布局---table布局、float布局、absolute布局、flexbox布局、grid布局float布局语法：实例：兼容性：float布局语法：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html实例：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html兼容性：要注意的是，设为 Flex 布局以后，子元素的float、clear和vertical-al原创 2020-11-19 16:18:12 · 543 阅读 · 0 评论 -
五种前端布局之float布局
float布局float 属性定义元素往哪个方向浮动。float布局特性图文环绕效果float元素脱离了文档流，但是不脱离文本流文字环绕效果是很明显的，这里要注意一个地方:浮动的块虽然脱离的正常的文档流，但是还会占有正常文档流的文本空间，上图中，p的区域其实是顶到了img的底下的，因为float让img脱离文档流，但是p上的文字却没有顶过去，也就是说p上的一部分文字空间仍然被img占据着，所以从这里也可以看出float的脱离文档流不是完全脱离。对自身的影响：形成“块”（BFC–块格式化原创 2020-11-18 15:35:34 · 9048 阅读 · 0 评论 -
五种前端布局之table布局
前端基本布局五种前端布局table布局float布局五种前端布局table布局、float布局、absolute布局、flexbox布局、grid布局table布局父级容器—display: table子级容器—display:table-cell(1) 空间平均划分：子级容器默认是自动平分宽度沾满父级容器；<body> <div class="box"> <div class="left"></div>原创 2020-11-18 09:27:59 · 21801 阅读 · 2 评论