当使用表格时,两个表格内有不同的input框,比如checkbox,和value,虽然只是差了一点点但是数据多时是不一样的这时需要给input加上:box-sizing: border-box 就可以了  input{
    box-sizing: border-box;
}             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-08 14:17:58
                            
                                119阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            http://www.cnblogs.com/rainman/archive/2011/08/05/2128068.html            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2012-06-10 19:29:15
                            
                                722阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            font-size: 12px line-height: 16px font-size: 14px line-height: 19px font-size: 16px line-height: 21px font-size: 18px line-height: 24px font-size: 20p ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-11 18:44:00
                            
                                788阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            深入理解 CSS 中的行高与基线 1、基本概念 1. 基线、底线、顶线、中线 注意:基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。2. 内容区 内容区是指底线和顶线包裹的区域(行内元素display:inline可以通过background-color属性显示出来), ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-28 00:49:00
                            
                                323阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.  基线、底线、顶线
    2.  行距、行高
    3.  内容区
    4.  行内框
    5.  行框
    元素对行高的影响
    扩展阅读
 
1.  基线、底线、顶线 
    行高指的是文本行的基线间的距离。
    基线并不是汉字的下            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2012-06-22 11:48:44
                            
                                1477阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            行高属性语法:line-height:数字px;代表的一行的高度,放在段落中,可以理解为是行距总结:	1.文字在行高中是垂直居中的	2.行高通常用于让文字在盒子中垂直居中...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-18 02:05:07
                            
                                251阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-08-05 09:48:00
                            
                                256阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            行高属性语法:line-height:数字px;代表的一行的高度,放在段落中,可以理解为是行距总结:	1.文字在行高中是垂直居中的	2.行高通常用于让文字在盒子中垂直居中...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-02 17:47:59
                            
                                121阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            **1.input和别的元素在同一行不会对齐,他就不会和别人对齐。** 误区一: 以为对齐了,其实没有,只不过aaaa和sdfbb的高度太小,所以貌似对齐了,把他的高度调到和input的高度一样就知道了,input是往下偏的。2.怎么解决input和别人不一致的问题?答案:最好的办法是加上浮动,别忘了给父元素去除浮动 答案二:给被对齐的元素加上vertical-align:middle(居中) v            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-07 08:32:18
                            
                                176阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <!DOCTYPE html><html><head>	<title></title>	<style type="text/css">		 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{            margin:0;padding:0   .            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-11-16 16:16:35
                            
                                171阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            input是HTML中非常重要,非常常用而又不可替代的元素,在于其相关的样式设置中有时会遇到其他元素不会发生的问题,今天把我印象中的一些小问题和解决方案记录一下。1.与同行元素上下居中对齐关于上下居中的话题还是比较热门的,过几天也想专门总结一下元素各种上下居中的方法,今天简单说说关于input的特殊方法。最推荐的是flex布局模式,掌握flex布局方式后会发现居中特别简单,而且在现代浏览器中都兼容            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-07 12:42:02
                            
                                205阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            input{ padding: 20px; width: 100%; height: 5vh; margin-bottom: 2vh; border-radius: 10vw; border: 0; outline-style: none; } input{ padding: 20px; width            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-19 16:16:25
                            
                                1046阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、行高的字面意思“行高“顾名思义指一行文子的高度。具体来说是指两行文子间基线间的距离。基线是在英文字母中用到的一个概念,我们刚学英语的时候使用到的那个英语本子每行有4条线,其中底部第二条线就是基线,是a,c,z,x等字母的地边线。 ————————顶线(top line)——————————————————————————中线(middle line)————————————————————————基线(base line)——————————————————————————底线(bottom line)—————— vertical-align中有top,middle,baselin...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2014-01-03 22:05:00
                            
                                99阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            九、css尺寸、行高属性1.尺寸属性a) 宽度语法:width:值取值:数字 + px/百分比/em      -------------------------px代表像素,百分比代表浏览器宽度的百分比,em代表字符数示意图注意:1.div设置宽度为100%,其实和没设一样2.span标签设置宽度无效b) 高度语法:height:值用法和宽度一样注意:d...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-18 02:04:32
                            
                                183阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、line-height语法 line-height属性的具体定义列表如下: 语法: line-height : normal | <实数> | <长度> | <百分比> | inherit 说明: line-height 属性设置行间的距离(行高),不能使用负值。该属性会影响行框的布局。在应用到            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-03-22 14:41:00
                            
                                223阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            九、css尺寸、行高属性1.尺寸属性a) 宽度语法:width:值取值:数字 + px/百分比/em      -------------------------px代表像素,百分比代表浏览器宽度的百分比,em代表字符数示意图注意:1.div设置宽度为100%,其实和没设一样2.span标签设置宽度无效b) 高度语法:height:值用法和宽度一样注意:d...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-02 17:48:01
                            
                                127阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS文本外观之行间距 中国人 打开北京、上海与广州的地铁地图,你会看见三张纵横交错的线路网络,这代表了中国最成熟的三套城市轨道交通系统。 可即使这样,在北上广生活的人依然少不了对地...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-11 01:40:09
                            
                                87阅读
                            
                                                                             
                 
                
                                
                    