七种css方式让一个容器水平垂直居中

sysdee 发表于 CSS 分类,标签: 水平垂直居中
1

方法一:position加margin 
方法二: diaplay:table-cell 
方法三:position加 transform 
方法四:flex;align-items: center;justify-content: center 
方法五:display:flex;margin:auto 
方法六:纯positio...

阅读全文>>

一个固定在右下角的层

sysdee 发表于 CSS 分类,标签: to position div html 固定层
0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
...

阅读全文>>

INPUT在DIV实现垂直居中一法,兼容所有主流浏览器

sysdee 发表于 CSS 分类,标签: to position div input align middle
0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
...

阅读全文>>

关于HTML的行内元素和块状元素

sysdee 发表于 CSS 分类,标签: group IE CSS html 行内元素 块状元素
0

行内元素对于Margin无响应:


      行内元素不响应垂直方向的Margin属性,水平方向响应(这个或许就是行内的定义)。
      建议:避免对行内元素使用Margin的所有属性,因为严格地来说是Margin是盒子模型的对外属性,是一个布局属性。如果一定需要实现左右缩进效果可以使用pa...

阅读全文>>

CSS:input text类型 在IE里比submit类型多顶出1像素

sysdee 发表于 CSS 分类,标签: left IE CSS float input
0

CSS:input text类型 在IE里比submit类型多顶出1像素

解决:在前面那个input里加多个float:left  就可以

附图:点击查看原图

阅读全文>>

CSS制作一个绝对固定在页面中间的层(可用于后台登录入口)

sysdee 发表于 CSS 分类,标签: left to position div CSS center
0
<div style="position: absolute; border:5px solid #444; width:200px; height:200px;margin-left: -100px; left:50%; margin-top:-100px; top:50%">Center DIV</div>

分开解释:

position: absolute;&nbs...

阅读全文>>

CSS控制文字超出DIV宽度时显示(省略号)点点的写法

sysdee 发表于 CSS 分类,标签: 文字超出DIV
0

text-overflow :ellipsis; //让截断的文字显示为(省略号)点点。还有一个值是:clip  意思是截断不显示点点
white-space : nowrap; //让文字不换行
overflow : hidden; //超出要隐藏

注:三个缺一不可

阅读全文>>

兼容IE6/IE7/IE8/FF的CSS hack写法

sysdee 发表于 CSS 分类,标签: IE7 IE6 IE8 FF CSShack
0

 

第一种方法:


微软提供了这样一个代码:
<meta http-equiv="x-ua-compatible" content="ie=7" />
把这段代码放到<head>里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所以,基本上可以无视ie8,剩下的代码只需要这样写就可以了

background:#ffc; /*  对firefox...

阅读全文>>

CSS:关于清除浮动:clear,clearfix

sysdee 发表于 CSS 分类,标签: div 浮动 clearfix 清除 clear float
0
首先说一下为什么要清除浮动:
1、在网页中,DIV一般都是嵌套的,外面称为窗口,里面的DIV存放内容,如果不浮动的话,如下面这段代码
<div style=”background:#ccc;”> 
<div style=”float:left; width:30%; height:40px;background:#333; “> Content here</div&...

阅读全文>>

CSS定义一个固定在页面顶部的层

sysdee 发表于 CSS 分类,标签: left IE to file CSS 固定页面顶部的层
0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
...

阅读全文>>