/*
文字换行
*/
.break-work
{
/* 强制不换行 */
white-space: nowrap;
/* 自动换行 */
word-wrap: break-word;
word-break: normal;
/* 强制英文单词断行 */
word-break: break-all;
}
/*
两端对齐
*/
.textAlign
{
text-align: justify;
text-justify: inter-ideogra;
}
/*
去掉Webkit(chrome)浏览器中input(文本框)或textarea的黄色焦点框
*/
input,
button,
select,
textarea
{
outline: none;
}
textarea
{
font-size: 13px;
resize: none;
}
/*
清除浮动1
*/
.clearfix:after
{
font-size: 0;
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.clearfix
{
display: inline-block;
}
html[xmlns] .clearfix
{
display: block;
}
* html .clearfix
{
height: 1%;
}
.clearfix
{
*zoom: 1;
}
.clearfix:after
{
display: table;
clear: both;
content: '';
}
.clearfix
{
overflow: hidden;
_zoom: 1;
}
/*
清除浮动2
*/
.clearfix
{
zoom: 1;
}
.clearfix:before,
.clearfix:after
{
display: table;
content: ' ';
}
.clearfix:after
{
clear: both;
}
/*文字过多后显示省略号*/
.ellipsis,
.ell
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*
mac font: osx平台字体优化
*/
body
{
font-family: 'Hiragino Sans GB','Hiragino Sans GB W3','微软雅黑';
}
/*
min-height: 最小高度兼容代码
*/
.minheight500
{
overflow: visible;
height: auto !important;
height: 500px;
min-height: 500px;
}
/*
鼠标不允许点击
*/
.ban-click
{
cursor: not-allowed;
}
常用前端css代码
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
