//这个可以作为补白居中的替补方法
<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<body>

<style>

*{

	margin:0;

	padding:0;

}

div{

	position:relative;

	width:50%;

	height:100px;

	background:#ccc;

}

div ul{

	/*这几个属性缺一不可*/

	position:relative;

	left:50%;

	float:left;

}

li{

	list-style:none;

}

div ul li{

	/*这几个属性缺一不可*/

	float:right;

	position:relative;

	right:50%;

}

</style>

<div>

	<ul>

    	<li>111</li>

    	<li>111</li>

    	<li>111</li>

    	<li>111</li>

    	<li>111</li>

    </ul>

</div>

此法可以作为居中的一种方式

</body>

</html>

　

IE6无法设置到某个最小高度  ： so ==〉height:0;background:#f00;overflow:hidden;<===overflow:hidden;

这样子也行：overflow:hidden; zoom:0.8;  line-height:1px

	display: -moz-inline-stack;

	display: inline-block;

	zoom: 1;

	*display: inline;

	width:100px;

	height:200px;

	background:#f00;

	margin:10px;
//顾名思义，让行间元素也具有width和height；padding，margin 等等， ie6必须使用zoom触发haslayout，然后接着使用display：inline，就可以了

　　

// <![CDATA[

 这里面些代码,这样在XHTML下就可以看到到底是哪里不符合xhtml的规范了;

// ]]>

<!--[if !IE]>除IE外都可识别<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->

　　

让文本和check等等input旁边的文本全部居中对齐；这个vertical-align是加载input上面，而不是加载父级上面的

<div>

    <input style="vertical-align:middle;height:200px" value="xx" type="text"/>

    <span>sdfsdf</span>sdfsdf

    <input type="checkbox">

</div>

//让图片旁边的字居中也是一样的
<img src="../4.21/201308251443258587.gif" style="vertical-align:middle" /> 11111 
<img src="static/img/xyx.jpg" align="middle"/> 11111

　　

//让超出去的变成...
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block


//把超出去的折行

word-wrap:break-word;overflow:hidden

　　

CSS_复习的更多相关文章

  1. iOS总结_UI层自我复习总结

    UI层复习笔记 在main文件中,UIApplicationMain函数一共做了三件事 根据第三个参数创建了一个应用程序对象 默认写nil,即创建的是UIApplication类型的对象,此对象看成是 ...

  2. vuex复习方案

    这次复习vuex,发现官方vuex2.0的文档写得太简略了,有些看不懂了.然后看了看1.0的文档,感觉很不错.那以后需要复习的话,还是先看1.0的文档吧.

  3. 我的操作系统复习——I/O控制和系统调用

    上篇博客介绍了存储器管理的相关知识——我的操作系统复习——存储器管理,本篇讲设备管理中的I/O控制方式和操作系统中的系统调用. 一.I/O控制方式 I/O就是输入输出,I/O设备指的是输入输出设备和存 ...

  4. 复习（1）【Maven】

    终于开始复习旧知识了,有输入必然要有输出.输入和输出之间的内化过程尤为重要,在复习的同时,真正把学到的东西积淀下来,加深理解. Maven项目概念与配置 Maven是一个项目管理和综合工具.Maven ...

  5. 《CSS权威指南》基础复习+查漏补缺

    前几天被朋友问到几个CSS问题,讲道理么,接触CSS是从大一开始的,也算有3年半了,总是觉得自己对css算是熟悉的了.然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司 ...

  6. JS复习--更新结束

    js复习-01---03 一 JS简介 1,文档对象模型 2,浏览器对象模型 二 在HTML中使用JS 1,在html中使用<script></script>标签 2,引入外部 ...

  7. jQuery 复习

    jQuery 复习 基础知识 1, window.onload $(function(){});   $(document).ready(function(){}); 只执行函数体重的最后一个方法,事 ...

  8. jQuery5~7章笔记 和 1~3章的复习笔记

    JQery-05 对表单和表格的操作及其的应用 JQery-06 jQuery和ajax的应用 JQery-07 jQuery插件的使用和写法 JQery-01-03 复习 之前手写的笔记.实在懒得再 ...

  9. HTML和CSS的复习总结

    HTML(Hypertext Markup Language)超文本标记语言:其核心就是各种标记!<html> HTML页面中的所有内容,都在该标签之内:它主要含<head>和 ...

随机推荐

  1. Linux与Windows 解压乱码 UTF8BOM读取问题

    Linux 与 Windows 文件乱码问题 这几天需要在linux下用CNN跑数据,但是把数据和数据列表list上传到linux下时却出现了不少乱码的问题.将这两天碰到的编码问题简单的总结一下. 1 ...

  2. HDU 4282 A very hard mathematic problem --枚举+二分(或不加)

    题意:问方程X^Z + Y^Z + XYZ = K (X<Y,Z>1)有多少个正整数解 (K<2^31) 解法:看K不大,而且不难看出 Z<=30, X<=sqrt(K) ...

  3. AC日记——潜伏者 洛谷 P1071 （模拟）

    题目描述 R 国和 S 国正陷入战火之中,双方都互派间谍,潜入对方内部,伺机行动.历尽艰险后,潜伏于 S 国的 R 国间谍小 C 终于摸清了 S 国军用密码的编码规则: 1． S 国军方内部欲发送的原 ...

  4. Unity开发 资源准备

    开发环境准备 插件资源 当有喜欢的资源,选择去泽国社区和纳金网下载,仅用于学习目的. Fbx查看器 下载版本对应的FBX插件 比如:fbx20133_quicktime_win.exe 对应Quick ...

  5. Junit使用GroboUtils进行多线程测试

    写过Junit单元测试的同学应该会有感觉,Junit本身是不支持普通的多线程测试的,这是因为Junit的底层实现上,是用System.exit退出用例执行的.JVM都终止了,在测试线程启动的其他线程自 ...

  6. POJ 3461 Oulipo

      E - Oulipo Time Limit:1000MS     Memory Limit:65536KB     64bit IO Format:%I64d & %I64u Submit ...

  7. jquery.validate运用和扩展

    一.运用 默认校验规则 ().required:true 必输字段 ().remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验 ...

  8. [Elixir009]像GenServer一样用behaviour来规范接口

    1.Behaviour介绍 Erlang/Elixir的Behaviour类似于其它语言中的接口(interfaces),本质就是在指定behaviours的模块中强制要求导出一些指定的函数,否则编译 ...

  9. 自己写的AES和RSA加密解密工具

    package com.sdyy.common.utils; import java.security.Key; import java.security.KeyFactory; import jav ...

  10. qrcodeJS生成二维码

    后续抽时间自己来整理笔记 http://code.ciaoca.com/javascript/qrcode/