zoukankan      html  css  js  c++  java
  • IE与Firefox换行样式

    html
    <!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/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css">
    .wrap
    {
         word-wrap
    :break-word;  /* firefox */
        
    /* white-space: pre-wrap; css-3 */  
        
    /* white-space: -moz-pre-wrap; Mozilla, since 1999 */  
        
    /* white-space: -pre-wrap;  Opera 4-6 */  
        
    /* white-space: -o-pre-wrap;  Opera 7 */  
        word-break
    :break-all; /* IE */
    }
    </style>
    </head>
    <body>
    <div style="border:solid 1px red;">

    <div style="border:solid 1px blue; 50%; float:left; padding:0;" class="wrap">
    Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:
    </div>
    <div style=" border:solid 1px green; 48%; float:right; ">
    <textarea  style="100%; " rows="4"  >
    asdfalsdkjfalksjdflaksjdflkajsdflkasdfalsdkjfalksjdflaksjdflkajsdflkasdfalsdkjfalksjdflaksjdflkajsdflkasdfalsdkjfalksjdflaksjdflkajsdflkasdfalsdkjfalksjdflaksjdflkajsdflk
    </textarea>
    </div>

    <br style="clear:both;" /> 
    </div>
    </body>
    </html>
  • 相关阅读:
    面试经验
    二叉树和递归
    优先队列
    队列问题
    书法学习资料
    栈的问题
    Git常用命令
    字母大小写转换
    深入类中的方法[8] - 抽象方法与抽象类
    深入类中的方法[7] - 关于 inherited
  • 原文地址:https://www.cnblogs.com/wucg/p/1835393.html
Copyright © 2011-2022 走看看