zoukankan      html  css  js  c++  java
  • 强制换行

    自动换行

     

    div{  
    word-wrap: break-word;  
    word-break: normal;  

    强迫不换行

     

    div{  
    white-space:nowrap;  
    }


    带有浮动效果的 不换行

    复制代码
    <div id="pic">
                    
    <ul>
                        
    <li><img src="http://192.168.1.103/hibeans/web/images/temporary/car_t1.jpg" /></li>
                        
    <li><img src="http://192.168.1.103/hibeans/web/images/temporary/imgget1.jpg" /></li>
                        
    <li><img src="http://192.168.1.103/hibeans/web/images/temporary/car_t1.jpg" /></li>
                        
    <li><img src="http://192.168.1.103/hibeans/web/images/temporary/car_t1.jpg" /></li>
                        
    <li><img src="http://192.168.1.103/hibeans/web/images/temporary/car_t1.jpg" /></li>
                        
    <li><img src="http://192.168.1.103/hibeans/web/images/temporary/car_t1.jpg" /></li>
                        
    <li><img src="http://192.168.1.103/hibeans/web/images/temporary/car_t1.jpg" /></li>
                        
    <li><img src="http://192.168.1.103/hibeans/web/images/temporary/car_t1.jpg" /></li>
                        
    <li><img src="http://192.168.1.103/hibeans/web/images/temporary/car_t1.jpg" /></li>
                        
    <li><img src="http://192.168.1.103/hibeans/web/images/temporary/car_t1.jpg" /></li>
                     
    </ul>
                
    </div>
    复制代码
    #pic {float:left; width:920px; margin:0 10px;}
    #pic ul 
    {margin:15px 0; white-space:nowrap; width:920px; overflow:hidden;}
    #pic li 
    {*float:left; width:90px; margin:0 5px; *clear:right; border:1px solid #B7DEEF; text-align:center; display:inline-block}
    #pic li img 
    {max-width:90px; max-height:90px; vertical-align:middle;}
  • 相关阅读:
    VS2010 C++环境下DLL和LIB文件目录及名称修改
    什么是lib文件,lib和dll的关系如何
    C++静态库与动态库
    OpenSUSE安装软件
    写给已有编程经验的 Python 初学者的总结
    安装pydiction
    yii webservice 提示:Procedure 'getSent' not present 错误的解决方法(转)
    C# 子线程与主线程通讯方法一
    C#操作Access时Parameters集合的使用方法(转)
    [导航教程] [C#基类库大全]官方产品发布与源码下载---苏飞版
  • 原文地址:https://www.cnblogs.com/longze/p/3023887.html
Copyright © 2011-2022 走看看