div里面div/ul如何居中,css+js实现，判断预览器类别

居中效果
第一种：
给子div设置样式

css{
  width:-webkit-fill-available;
  width: -moz-available;  
  text-align:center;
}

fill-available，是css的自适应关键字，其作用为撑满可用空间

缺陷：ie失效
第二种：
var totleWidth = $(“div”).width();
var ulWidth = $(“div ul”).width();
if(ulWidth<totleWidth){
if(totleWidth >0 || ulWidth >0){
marginLeft=(totleWidth-ulWidth)/2;
$(“.e9theme-layout2-navbar ul.pt-menu”).css({‘margin- left’:marginLeft+‘px’})
}
}

判断预览器类别

// 判断预览器类别
if($.browser.msie) {
  console.log("this is msie!IE浏览器");
}else if($.browser.safari){
  console.log("this is safari!苹果");
}else if($.browser.mozilla){
  console.log("this is mozilla火狐!");
}else if($.browser.opera) {
  console.log("this is opera");
}else if($.browser.webkit) {
  console.log("this is webkit谷歌");
}else {
  console.log("i don't konw!");
}