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>
  • 相关阅读:
    响应式布局
    Margin是什么?
    分布式系统设计(1)
    Hadoop处理大量小文件的问题和解决方法
    Facebook揭密:如何让MySQL数据库集群自主运行
    大数据营销的优势
    LevelDB系列之SSTable(Sorted Strings Table)文件
    LevelDB系列之Log文件
    LevelDB系列之整体架构
    LevelDb系列之简介
  • 原文地址:https://www.cnblogs.com/wucg/p/1835393.html
Copyright © 2011-2022 走看看