当我构建100Ideas时,有一个小要求,当元素动态增加时,它不应该影响网格的布局,网格元素的行和列的高度应            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-26 11:25:29
                            
                                46阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            又到周末了,又结束了一周的课程了,表示昨前天开始老师布置家庭作业开始写页面了,前天的还好,12点之前搞定,昨天的熬到2点,表示大神不要笑哈,毕竟能力有限,第二天看了老师的讲解,才发现做了非常多的无用功,好了,闲聊就到这里吧,下面我分享下这周老师讲到的一些内容,以下都是自己的理解哈,仅供参考:CSS盒子定位:什么是盒子定位呢,顾名思义,就是元素盒子(以下主要以块级盒讲解)在页面中的位置,定位就是确定            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-06 21:33:55
                            
                                40阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            white-space: nowrap 不换形 overflow: hidden 隐藏长度超出部分 text-overflow:ellipsis 文字长度超出用省略号代替 <p style="width:300px;line-height:20px;"> <span style="display:i            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-10-26 18:24:00
                            
                                477阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            阿西吧!css强制一行显示,就一句话,丫的,总记不住,哈哈。white-space: nowrap;css超出一行显示省略号【固定宽度,强制一行显示,超出隐藏,显示省略号,缺一不可】div{    width: 数值+单位;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}cllipsis 显示省略号(省略号相关属性要给文本所在容器设置,不能越级设置) 注...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-09 10:01:32
                            
                                2857阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            阿西吧!css强制一行显示,就一句话,丫的,总记不住,哈哈。white-space: nowrap;css超出一行显示省略号            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-24 17:39:29
                            
                                2702阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; /*! autoprefixer: off */ -webkit-box-orient: vertical; /*! aut ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-30 17:15:00
                            
                                4354阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            当一个表格展示的数据相当多的时候,经常会用到固定列,固定行的事情 原理 是 两个或者多个表格组合行程 固定行或者固定列的情况            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-22 16:06:35
                            
                                1316阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            textarea{	resize:none;	width:200px;	height:100px;	max-height:100px;	max-width:200px;	overflow:auto; /*使不显示滚动条*/}            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2012-03-10 10:27:00
                            
                                357阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            DevExpress WPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序,这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。DevExpress WPF在v19.2版本中添加了新的excel样式下拉过滤器,旨在简化使用,并为最终用户提供各种数据分析增强功能,这个下拉过滤器            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-31 01:48:55
                            
                                100阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
                                
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-11 11:16:56
                            
                                322阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            之前用fixed-table.js 写了一个固定行,固定列的效果,缺点是 无法随着屏幕自适应宽度,所以被产品pass掉了,还是继续看datatable的坑。 datatable这个是一个很强大的表格工具,之前只有英文文档,用于系统管理平台的开发有很大的用处,现在出了中文文档,更方便了。 现在记录一下            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-06 12:04:50
                            
                                1928阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <style>   #signupForm{padding-left: 120px;padding-top: 10px;}   .layui-form-item{ white-space:nowrap}</style><form id="signupForm"   class="layui-form "  >    <input   id=...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-10 10:33:17
                            
                                1096阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            // 超出3行显示... overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; // 超出3行显示... end            
                
         
            
            
            
            绝对固定        .footer {            z-index: 9999;            position: fixed;            bottom: 0px;            width: 100%;        }            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-07 09:55:35
                            
                                265阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            body div.tableContainer { height: auto; padding: 0; width: 740px}/* Reset overflow value to hidden for all...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2010-03-26 15:43:00
                            
                                699阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            绝对固定        .footer {            z-index: 9999;            position: fixed;            bottom: 0px;            width: 100%;        }            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-01 15:21:05
                            
                                195阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1: background-color  设置背景颜色2:background-image来设置背景图片   语法:background-image:url(相对路径);   可以同时为一个元素指定背景颜色和背景图片,   这样背景颜色将会作为背景图片的底色   图片在元素中的位置                
                
         
            
            
            
            # iOS CSS 底部固定实现方法
## 简介
在移动应用开发中,经常会遇到需要将某个元素固定在页面底部的需求,比如底部导航栏或悬浮按钮等。本文将介绍在 iOS 中使用 CSS 实现底部固定的方法,帮助刚入行的开发者快速掌握这一技术。
## 流程
下面是实现 iOS CSS 底部固定的整体流程,按照以下步骤进行操作即可:
```mermaid
journey
    title iOS            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-10-10 11:22:48
                            
                                240阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS固定菜单栏- 当鼠标向下滑动时,位于最上面的导航一直不动,而内容发生变化<style>
    * {
      padding: 0px;
      margin: 0px;
    }
    .navbar {
      width: 100%;
      background: black;
      /* 固定住导航条 */
      position:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-15 08:43:04
                            
                                196阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS 固定定位 相对于浏览器窗口。当容器的position属性值为fixed时,这个容器即被固定定位了。 通过设置固定定位,将容器脱离了普通流,因此被固定定位的容器不会随着滚动条的拖动而变化位置。在视野中,固定定位的容器的位置是不会改变的。但是在IE6中不正常。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2009-11-11 09:52:57
                            
                                3507阅读