zoukankan      html  css  js  c++  java
  • H5横向三栏布局

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>H5横向三栏布局</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>
        <style>
            body 
    {
                background-color
    : #80ff80;
                padding
    : 0;
                margin
    : 0;
            
    }
            .child 
    {
                display
    : table-cell;
                vertical-align
    : middle;
                word-wrap
    : break-word;
                word-break
    : break-all;
                white-space
    : nowrap;
            
    }
     
            .container 
    {
                padding
    : 10px 15px;
                display
    : block;
                background-color
    : #fff;
                border-bottom
    : 1px solid #eee;
            
    }
     
            .middle 
    {
                width
    : 10000px;
                text-align
    : center;
            
    }
             
        
    </style>
    </head>
    <body>
        <article>
            <div class="container">
                <div class="child">icon</div>
                <div class="child  middle">
                    <p>标题文字</p>
                </div>
                <div class="child">
                    <p>
                        说明文字
                    </p>
     
                </div>
            </div>
     
        </article>
     
    </body>
    </html>
  • 相关阅读:
    基础总结篇之三:Activity的task相关
    基础总结篇之一:Activity生命周期
    基础总结篇之二:Activity的四种launchMode
    SAP_清除默认Action
    FICO_Delete error message
    FICO_无法生成凭证(System status CLSD is active (WBS K/A6020372-205-KCCL))
    FICO_导出8月KOB3报表
    FICO_更改BP
    FICO_月末关帐
    SAP_清除默认导出格式
  • 原文地址:https://www.cnblogs.com/xiaoleidiv/p/5477136.html
Copyright © 2011-2022 走看看