zoukankan      html  css  js  c++  java
  • css

    转载:http://blog.csdn.net/u012246458/article/details/39025429

    让页面的DIV布局向左或者向右有两种方法:


    一:为了防止float,min-height等具有浮动效果的代码影响上下的div样式布局,可以要加上一个空白的div,其css属性为clear:

    <div class="clear"></div>

    其 css要用 :

    .clear { clear: both; } 

    实例:

    html代码:

        <div class="item">  
            <div class="img"><a href=""><img src="${course.url}" width="157" height="101"></a></div>  
            <div class="con">  
                <div class="name">  
                        <span class="title text-overflow">${course.title}</span>  
                </div>  
            <div class="school text-overflow">学校:${course.schoolName}</div>  
            <div class="school text-overflow">讲师:${course.teacher}</div>  
            <div class="amount">课件数:${course.coursewareCount}</div>  
            <div class="type">分类:${course.categoryName}</div>  
                <div class="count">共5人学过</div>  
                   <div class="content">${course.description}</div>  
            </div>  
            <div class="clear"></div>  
        </div>  

    css代码:

    .img, .con, .school, .amount, .type, .count { float: lefet;  }  

    ========================================================================================


    二:如果不想用 clear 就不用 float:right 属性,可以用:

    text-align: right; 

    但是这个要求外围要套多个div进行块元素的扩展,让之能够正确的让div靠左或靠右。

  • 相关阅读:
    08-01集合运算
    07-03成员运算符
    07-02集合
    07-01结构与封装
    06-01字符串格式化.md
    06-03线性结构与切片
    06-02字符串与bytes
    05-02命名元组
    05-01元组
    04-01列表与常用操作
  • 原文地址:https://www.cnblogs.com/sgmcumt/p/7077301.html
Copyright © 2011-2022 走看看