个人信息展示时居中显示信息

cmp-portal/js/articalIssue.js

						var itemlist = '';
						$("#expertlist").html("");
						for(var i = 0; i < data.data.length; i++) {
							var itemlist = '<li id="usid">';
							var itemlist = '<li id="usid" class="flexCenter">';
							itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
							itemlist += '<div class="madiaInfo">';
							itemlist += '<p class="ellipsisSty"><span class="h1Font" id="name"></span><span class="h2Font" style="margin-left:10px;" id="title"></span></p>';
						var itemlist = '';
						$("#resouselist").html("");
						for(var i = 0; i < data.data.length; i++) {
							var itemlist = '<li id="usid">';
							var itemlist = '<li id="usid" class="flexCenter">';
							itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
							itemlist += '<div class="madiaInfo">';
							itemlist += '<p class="h2Font ellipsisSty" id="resourceName"></p>';

cmp-portal/js/articalModify.js

						var itemlist = '';
						$("#expertlist").html("");
						for(var i = 0; i < data.data.length; i++) {
							var itemlist = '<li id="usid">';
							var itemlist = '<li id="usid" class="flexCenter">';
							itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
							itemlist += '<div class="madiaInfo">';
							itemlist += '<p class="ellipsisSty"><span class="h1Font" id="name"></span><span class="h2Font" style="margin-left:10px;" id="title"></span></p>';
						var itemlist = '';
						$("#resouselist").html("");
						for(var i = 0; i < data.data.length; i++) {
							var itemlist = '<li id="usid">';
							var itemlist = '<li id="usid" class="flexCenter">';
							itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
							itemlist += '<div class="madiaInfo">';
							itemlist += '<p class="h2Font ellipsisSty" id="resourceName"></p>';

css/genindex.css

.ifLogin .ifLoginUn{background: #fff7e7;border:1px solid #E5E5E5;line-height:18px;padding:25px;color:#7b4b2b;font-size:14px;}
.ifLogin .ifLoginUn>ul>li{float: right;padding:0 6px;}
.ifLogin .ifLoginUn a{color:#666;}
.ifLogin .ifLoginOn .btnModel{margin:12px 0;width: 80px;border-radius:0;}
.ifLogin .ifLoginOn .btnModel{margin:12px 0;width: 80px;border-radius:0;cursor: pointer;}
.commentsArea .btnCancel{height:auto;border-radius:0;color: #ff9900;}
.commentsArea ul.commentList{margin-top:-20px;}
.artAbout>li>dl>dd .uploadFile .uploadblock{border: none;}
.artAbout>li>dl>dd .file-panel{position:absolute;top:-10px;right:-10px;text-align:center;overflow:hidden;}
.artAbout>li>dl>dd .file-panel .cancel{display: inline-block;width: 20px;height: 20px;cursor: pointer;background: url(../images/g_resource_button_guanbi_nor.png);background-size: cover;}
.form-item .addexpertRe{margin:0 -30px;}
.form-item .addexpertRe ul.addexpert>li .madiaInfo{padding-right:42px;}
.form-item .addexpertRe ul.addexpert>li .addbtn{position: absolute;right: 20px;background: #ff9900;top: 50%;margin-top: -14px;cursor: pointer;padding: 4px 10px;color: #fff;border-radius: 4px;}
/*资源图片展示*/
.Imagebox{width:360px;}
.Imagebox .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}

js/articalIssue.js

						var itemlist = '';
						$("#expertlist").html("");
						for(var i = 0; i < data.data.length; i++) {
							var itemlist = '<li id="usid">';
							var itemlist = '<li id="usid" class="flexCenter">';
							itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
							itemlist += '<div class="madiaInfo">';
							itemlist += '<p class="ellipsisSty"><span class="h1Font" id="name"></span><span class="h2Font" style="margin-left:10px;" id="title"></span></p>';
						var itemlist = '';
						$("#resouselist").html("");
						for(var i = 0; i < data.data.length; i++) {
							var itemlist = '<li id="usid">';
							var itemlist = '<li id="usid" class="flexCenter">';
							itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
							itemlist += '<div class="madiaInfo">';
							itemlist += '<p class="h2Font ellipsisSty" id="resourceName"></p>';

js/articalModify.js

						var itemlist = '';
						$("#expertlist").html("");
						for(var i = 0; i < data.data.length; i++) {
							var itemlist = '<li id="usid">';
							var itemlist = '<li id="usid" class="flexCenter">';
							itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
							itemlist += '<div class="madiaInfo">';
							itemlist += '<p class="ellipsisSty"><span class="h1Font" id="name"></span><span class="h2Font" style="margin-left:10px;" id="title"></span></p>';
						var itemlist = '';
						$("#resouselist").html("");
						for(var i = 0; i < data.data.length; i++) {
							var itemlist = '<li id="usid">';
							var itemlist = '<li id="usid" class="flexCenter">';
							itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
							itemlist += '<div class="madiaInfo">';
							itemlist += '<p class="h2Font ellipsisSty" id="resourceName"></p>';

js/resourceShow.js

			} else {
				img = "../images/default-photo.jpg"
			}
		var oSt = '<li>'
		var oSt = '<li class="flexCenter">'
		oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url('+img+');"></div>'
		oSt += '<div class = "madiaInfo">'
		oSt += '<p class = "ellipsisSty">'
		oSt += '<span class = "h1Font" id="name">'+$res[i].professor.name+'</span><em class="authiconNew '+oClass.sty+'" title="'+oClass.title+'"></em >'
		oSt += '</p>'
		oSt += '<p class="h2Font ellipsisSty" style="height:24px">'+oTitle+'</p>'
		oSt += '<p class="h2Font ellipsisSty">'+oTitle+'</p>'
		oSt += '</div>'
		oSt += '<p  class="addbtn"style="text-align: center;background:#ff9900;line-height: 30px;cursor:pointer;" data-id="'+$res[i].professor.id+'">咨询</p>'
		oSt += '<span class="addbtn" data-id="'+$res[i].professor.id+'">咨询</span>'
		oSt += '</li>'
		osting+=oSt;
	}

resourceShow.html

				<div class="conItem">
					<div class="form-item otherBlock">
						<div class="aboutTit">负责人/联系人</div>
						<div class="form-result">
						<div class="form-result addexpertRe">
							<ul class="addexpert" id="expertli">
								<li>
									<div class="madiaHead useHead" id="userimg" style="background-image: url(/images/head/7F26E3C720064AE8A10C7357BBBD239B_l.jpg);"></div>
									<div class="madiaInfo">
										<p class="ellipsisSty">
											<span class="h1Font" id="name">李潇远2</span><em class="authicon authicon-staff-ok" title="企业认证员工"></em>
										</p>
										<p class="h2Font ellipsisSty">职称只为</p>
									</div>
									<p style="text-align: center;background:#ff9900;line-height: 30px;cursor:pointer;">咨询</p>
								</li>
								
							</ul>
						</div>
					</div>