一些常用的css

不换行  white-space:nowrap

table纵向合并的单元格垂直居中 display:table-cell; vertical-align:middle;

table合并横向单元格  colspan

table合并纵向单元格   rowspan

一行文本在div中垂直居中  line-height: div的高度  ;overflow:hidden;

//button点击之后的加载状态（也可防重复提交）
如需向按钮添加加载状态，只需要简单地向 button 元素添加 data-loading-text="Loading..." 作为其属性即可，如下面实例所示：


<button id="fat-btn" class="btn btn-primary" data-loading-text="Loading..."
type="button"> 加载状态
</button>
<script>
$(function() {
$(".btn").click(function(){
$(this).button('loading').delay(1000).queue(function() {
// $(this).button('reset');    
// $(this).dequeue();

//$(this).button('reset');    结束加载状态
//$(this).dequeue();清空表单
});
});
});
</script>

取消下划线：text-decoration:none;

一行不换行，结尾...

white-space:nowrap;
/*省略号*/
text-overflow:ellipsis;
overflow: hidden;

固定几行显示，结尾...

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

height: 40px;

overflow: hidden;