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>
  • 相关阅读:
    css基础教程
    网页加载-上下幕布分开
    Vue-Aixos
    webpack学习
    Vue、Element 路由跳转,左侧菜单高亮显示,页面刷新不会改变当前高亮菜单
    Vue知识概括
    JSON.parse() 与 JSON.stringify()
    Bootstrap4 样式笔记
    ES6基础语法
    V-model 双向绑定的原理是什么?
  • 原文地址:https://www.cnblogs.com/wucg/p/1835393.html
Copyright © 2011-2022 走看看