zoukankan      html  css  js  c++  java
  • CSS 之 float 实现多个层横排

    关键代码:


    <div style="background:#EEEEEE;padding:10px; 400px;">
     <div id=demo0 style="float:left; 100px; padding-top:10px;">
     今天的你我怎样重复昨天的故事,我这张旧船票还能否登上你的客船
     </div>
     <div id=demo1 style="float:left; 100px; padding-top:20px;">
     今天的你我怎样重复昨天的故事,我这张旧船票还能否登上你的客船
     </div>
     <div id=demo2 style="float:left; 100px; padding-top:30px;">
     今天的你我怎样重复昨天的故事,我这张旧船票还能否登上你的客船
     </div>
    </div>

    需要注意的是,最外面 DIV 的 width 不能小于里面多个子 DIV 的 width 之和

  • 相关阅读:
    Netty Nio启动全流程
    线性表
    java stream 原理
    SpringBoot 分布式session
    mockito
    RxJava
    HandlerMapping 详解
    SpringMVC 架构
    Spring Cloud 配置服务
    SpringBoot常用配置简介
  • 原文地址:https://www.cnblogs.com/abccome/p/3344587.html
Copyright © 2011-2022 走看看