看到标题你一定很轻易就会想到截断文字加“...”的做法。哈哈,就是这样。其实写这篇日志也只是把这样方法做个记录,因为似乎还有很多人不记得碰到这样的情况该如何处理。首先,先解释一下,一般用div+css的容器中文字超出长度会浮动到框外或者把框撑大,这个一般容易解决,但是我今天就遇到了这样的问题:在IE6下测试页面没反应,在IE8下测试页面却正常处理了溢出文字,我就郁闷了,这个溢出处理不是IE特有的吗?怎么IE6却不正常呢。后来网上查了才知道,原来IE6只支持div内写上溢出处理才有用,而IE6以上版本写在<li>里面才可以,所以我把相同的溢出处理代码写在了div中和<li>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-29 14:33:54
                            
                                790阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Document 日照香炉生紫烟遥看瀑布挂前川飞流直下三千尺疑是银河落九天离离原上草一岁一枯荣野火烧不尽春风吹又生
                    
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-31 15:31:29
                            
                                331阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            今天突然发div中的内容如果是纯英文            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-15 15:43:14
                            
                                253阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言:width和heigth不会相互作用 ,各自为政!1、当div设置了固定的长度和宽度后高度和宽度都行!:不管里面有没有内容(可以无视内容),div就是一个框子在那(默认无边框)!即使内容超出,尺寸也不变!#select_box {WIDTH: 330px; HEIGHT: 40px;border:2px solid red;}显示效果:2、若是div设置为百分比的形式宽度无论如何都行!:width:50%;能行! 无视内容! 即使内容超出宽度框的宽度还是50%,内容超出框而存在;高度无论如何都不行!:heigth:50%则不行 高度为内容的高度,如要设置高度 需要用height:50px            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-07-05 09:56:00
                            
                                404阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.溢出 当一个盒子的内容(子元素、孙子元素等后裔)超过盒子本身的大小的时候,就会出现溢出。 2.overflow 通常用overflow(overflow-x,overflow-y)来处理内容溢出。 overflow: hidden; 超出盒子的内容被隐藏。 overflow:auto;当内容超出 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-11 16:41:00
                            
                                1041阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            10-1.html<html><head><title>div 标记范例</title><style type="text/css"><!--div{  font-size:18px;                       
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 14:26:38
                            
                                1004阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            2-1.html<html><head><title>class选择器</title><style type="text/css"><!--.one{  color:red;      /* 红色 */  font-size:18px            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 15:34:55
                            
                                743阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            9-1.html<html><head><title>alpha滤镜</title><style><!--body{  background:url(bg1.jpg);  margin:20px;}img{  border:1px solid #d58000;}.alpha            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 14:37:01
                            
                                1009阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一,单行 white-space:nowrap; overflow:hidden;text-overflow: ellipsis; 二,多行 display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orie            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-19 16:41:37
                            
                                151阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1-1.html<html><head>  <title>页面标题</title>     </head><body>  <h2>CSS标记</h2>  <p>CSS标记的正文内容从这里开始&            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 15:55:05
                            
                                570阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <p style="width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">省略我吧 省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧</p>white-spa            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2014-09-24 09:35:47
                            
                                753阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <style type="text/css"> div { margin: 5px 0; overflow: hidden; width: 100px; }  div.a...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-26 10:58:31
                            
                                157阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            11-1.html<html><head><style type="text/css"><!--body {  margin:0px;  font-size:13px;  font-family:Arial;} #container{  position:relative;&n            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 13:50:29
                            
                                942阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            http://www.aa25.cn/layout/index.shtmlhttp://yankay-static.googlecode.com/svn/trunk/NoSql%20Database%20Note/index.htmlnosql            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2010-03-22 10:22:00
                            
                                163阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这2天开始学习css/div  今天的成果,代码如下。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2011-01-22 22:46:50
                            
                                766阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            项目中需要做一个如下图的右侧监控操作控制台,通过定位在这个图片上放置了八个span,并设置内容为透明色,加点击事件来完成 覆盖在操作台图上的位置如下图:(去掉背景色设置字体为透明色就可以完美隐藏) HTML代码如下 <div class="monitoring-center-right"> <img ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-22 11:55:00
                            
                                395阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            CSS与DIV 来自:蓝色理想 1.CSS布局常用的方法: float : none | left | right 取值: none : 默认值。对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边 它是怎样工作的,看个一行两列的例子 xhtml: <div id="warp"> <div id="column1">这里是第一列</d...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-05-23 10:11:00
                            
                                183阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            /*
 2011-11-28 塗聚文 締友計算機信息技術有限公司
 CSS DIV Shadow
 css3 
*/
#geovinduDiv-shadow
{
    padding:10px;
    background-color:#f9f9f9;
    border:1px solid #fff;
    position:relative;
	/*Firefox*/
	-moz-b            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-10 17:30:22
                            
                                342阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            对于 CSSer 来说,多多少少都会遇到过 “样式规则不生效?”、“样式规则被覆盖?” 等等问题,这些都与 CSS 权重有关系。选择器匹配原理在此之前,容我先简单介绍浏览器是怎么通过各种选择器,把样式规则和 DOM 元素扯上关系的。浏览器中存在着专门的渲染引擎来渲染 HTML 文档。这里以 Webkit 内核为例,在启动渲染流程时,引擎一方面会解析 HTML 文档,构建 DOM 节点树(DOM T            
                
         
            
            
            
            设置背景色渐变:<div style="width:156px; height:200px; background-color:#3F3F3F; FILTER: Alpha(Opacity=100,Finishopacity=0,Style=1,Startx=0,Starty=0,Finishx=0,Finishy=100);">   <p>d            
                
                    
                        
                                                            
                                                                        
                                                                                        翻译
                                                                                            精选
                                                        
                            2013-07-25 22:06:07
                            
                                626阅读