html css有感

placeholder:是输入框内部的提示语。css3可用css

div布局问题css3

display:inline-block;能够实现div横向排列和设置div的大小(通常单纯设置inline是没法设置其大小的)。web

float:right能够使div靠右显示。浏览器

text-align:center;文字水平居中显示。布局

line-height:行高;实现文字的垂直居中显示。spa


经过调节 margin或者padding实际高度实现居中。it

经过使用position:relative 而后设置left或者right等位置信息实现居中显示。io


15.9.8更新:table

.horizontal{容器

display:box;

display:-moz-box;

display:-webkit-box;

display:-o-box;

box-orient: horizontal;

-moz-box-orient: horizontal;

-webkit-box-orient: horizontal;

-o-box-orient: horizontal;

}

在这个样式影响下div下的全部div都会被排成一行,可是每一个的div的最大适应宽度都为父容器的宽度,很差调整。

多个div要同行显示 ,使用display:table-cell;至关于table的单元格样式,能够相对给每一个cell分配对应的长度,不怕撑出父容器。

position:fixed 要放到body的标签下直接节点才会生效,根据浏览器生成绝对定位。

position:fixed 里面的左右居中,left:0px; right:0px;margin-left:auto;margin-right:auto; 我这里是要底部靠底部显示加上了,bottom:20px;

相关文章
相关标签/搜索