zoukankan      html  css  js  c++  java
  • 2016/7/30 div位置设置,表格大小统一

    在做作业过程中遇到的一些问题和我的总结

    1.作业中给出了一张背景图,并让我在背景图中一片区域写内容

    我的思路是将一个div放在这片区域,那么问题就是如何定义div的位置和大小

    查阅资料后发现并不复杂,只需要用css定义div的各个属性,那么div就可以以任何大小显示在任何位置

    首先定义指定div的id

    <div id=123>内容</div>

    然后是用css定义div的属性

    <style>

    #123 {

     position:absolute;<!-- 将div设置为绝对位置显示,这样才可以定义left和top属性  -->

    left:100px;top:100px;<!-- 意思是div离左边和顶部的距离,也可以看作是坐标,这样div就可以出现在任何位置上 -->

    z-index:100;<!-- div可以覆盖div,该值大的覆盖该值小的 -->

    200px;height:200px; <!-- 设置长和宽 -->

    background-color:white; <!-- 设置背景颜色 -->

    }

    另外在做表格时,发现做出来的表格不整齐,容易因内容而变形,很不好看

    将所有td单元格大小统一,同样可以用css解决

    <style>

    td{

    150px;height:50px; 

    bgcolor:green;

    }

    </style>

    需要注意的是,虽然可以定义所有td单元格的大小,但是依然受到table表格大小的限制,若td单元格加起来的大小超过了table的大小,将优先以table的大小显示,表格依然不会整齐。

  • 相关阅读:
    AutoLISP修改圆直径
    AutoLISP文字加上下划线
    EminemNot Afraid
    AutoLISP将图形中文字写入外部文件
    AutoLISP文字大小写转换
    AutoLISP修改文字高度
    AutoLISP文字外加矩形框
    AutoLISP文字外加圆形框
    AutoLISP纹理地板图案
    AutoLISP修改文字倾斜角度
  • 原文地址:https://www.cnblogs.com/deoem/p/5724755.html
Copyright © 2011-2022 走看看