CSS_复习
//这个可以作为补白居中的替补方法
<!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_复习的更多相关文章
- iOS总结_UI层自我复习总结
UI层复习笔记 在main文件中,UIApplicationMain函数一共做了三件事 根据第三个参数创建了一个应用程序对象 默认写nil,即创建的是UIApplication类型的对象,此对象看成是 ...
- vuex复习方案
这次复习vuex,发现官方vuex2.0的文档写得太简略了,有些看不懂了.然后看了看1.0的文档,感觉很不错.那以后需要复习的话,还是先看1.0的文档吧.
- 我的操作系统复习——I/O控制和系统调用
上篇博客介绍了存储器管理的相关知识——我的操作系统复习——存储器管理,本篇讲设备管理中的I/O控制方式和操作系统中的系统调用. 一.I/O控制方式 I/O就是输入输出,I/O设备指的是输入输出设备和存 ...
- 复习（1）【Maven】
终于开始复习旧知识了,有输入必然要有输出.输入和输出之间的内化过程尤为重要,在复习的同时,真正把学到的东西积淀下来,加深理解. Maven项目概念与配置 Maven是一个项目管理和综合工具.Maven ...
- 《CSS权威指南》基础复习+查漏补缺
前几天被朋友问到几个CSS问题,讲道理么,接触CSS是从大一开始的,也算有3年半了,总是觉得自己对css算是熟悉的了.然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司 ...
- JS复习--更新结束
js复习-01---03 一 JS简介 1,文档对象模型 2,浏览器对象模型 二 在HTML中使用JS 1,在html中使用<script></script>标签 2,引入外部 ...
- jQuery 复习
jQuery 复习 基础知识 1, window.onload $(function(){}); $(document).ready(function(){}); 只执行函数体重的最后一个方法,事 ...
- jQuery5~7章笔记 和 1~3章的复习笔记
JQery-05 对表单和表格的操作及其的应用 JQery-06 jQuery和ajax的应用 JQery-07 jQuery插件的使用和写法 JQery-01-03 复习 之前手写的笔记.实在懒得再 ...
- HTML和CSS的复习总结
HTML(Hypertext Markup Language)超文本标记语言:其核心就是各种标记!<html> HTML页面中的所有内容,都在该标签之内:它主要含<head>和 ...
随机推荐
- 矩阵乘法快速幂 codevs 1574 广义斐波那契数列
codevs 1574 广义斐波那契数列 时间限制: 1 s 空间限制: 256000 KB 题目等级 : 钻石 Diamond 题目描述 Description 广义的斐波那契数列是指形如 ...
- JMeter学习（三十一）Access Log Sampler
前提: 在tomcat\conf\server.xml默认情况下,会有一段代码: <Valve className="org.apache.catalina.valves.Access ...
- [转]在Eclipse中使用JUnit4进行单元测试（高级篇）
通过前2篇文章,您一定对JUnit有了一个基本的了解,下面我们来探讨一下JUnit4中一些高级特性. 一.高级Fixture 上一篇文章中我们介绍了两个Fixture标注,分别是@Before和@Af ...
- 转：程序员必须知道的几个Git代码托管平台
http://www.open-open.com/lib/view/open1420704561390.html
- Maya FEM节点框架完成
这几天把物理模拟框架移植到maya之中了. maya编程有一点比较关键,就是要让自己的程序逻辑适应maya的节点求值机制.在物理模拟中,往往需要进行时间积分,对此我的解决办法是,写一个节点rigSim ...
- 关闭log4j 输出 DEBUG org.apache.commons.beanutils.*
2016-03-23 10:52:26,860 DEBUG org.apache.commons.beanutils.MethodUtils - Matching name=getEPort on c ...
- SQL查询（医疗项目的SQL复习）
内容来自于
- C语言 百炼成钢12
//题目34:对10个数进行排序 #include<stdio.h> #include<stdlib.h> //分析:使用冒泡排序 void main(){ ] = { , , ...
- 深入分析 Javascript 单线程
面试的时候发现99%的童鞋不理解为什么JavaScript是单线程的却能让AJAX异步发送和回调请求,还有setTimeout也看起来像是多线程的?还有non-blocking IO, event l ...
- 2015老男孩Python培训第八期视频教程
2015老男孩Python培训第八期视频教程,希望您通过本教程的学习,能学会常用方法和技巧.教程从基础知识开始讲解一直到后期的案例实战,完全零基础学习,从初学者的角度探讨分析问题,循序渐进由易到难,确 ...