设置html文字居中自动换行,div文字水平垂直居中 文字自动换行

html {overflow-y:auto}

body{background: transparent;}

.stastyle {

height:50px;

vertical-align: middle;

line-height: normal;

width:100px;

margin:10px 8px 0px 0px;

float:left;

border:solid 1px #1e88e5;

background:#123660;

color:#ffffff;

overflow: hidden;

text-align: center;

}

.stastyle:hover {

background:#315d8f;

cursor:pointer;

}

.sleft {

margin-top: 12px;

display: inline-block;

position: relative;

overflow: hidden;

padding: 0;

vertical-align: top;

}

.stext {

display: inline-block;

vertical-align: top;

width: auto;

line-height: 24px;

font-size: 12px;

padding: 0;

margin: 0 4px;

}

$(function(){

var goalIndexId='${indexId}';

var goalUnitId='${unitId}';

seledarea(goalIndexId,goalUnitId);

});

//展现选中区域各台数据

function seledarea(indexId,unitId){

$.ajax({

type:"post",

url : "${ctx}/tousu/getseledarea",

data:{

"unitId":unitId

},

success:function(data){

$('#station').empty();

if(data.showtabel!=""){

for(var i=0;i

createstadiv(data.showtabel[i]);

}

}

}

});

}

function createstadiv(showtabel){

var name = showtabel.name;

var id = showtabel.id;

var html = "";

html = "

"+name+"

";

//html = ""+name+"";

$('#station').append(html);

//$.parser.parse("#station");

}

function onStaclick(unitid,name){

parent.setParams();

parent.parent.setGoalUnitId(unitid,true);

}