浏览代码

修改搜索条件文字溢出样式

luyanan 8 年之前
父节点
当前提交
b9244f0e69
共有 2 个文件被更改,包括 10 次插入9 次删除
  1. 7 5
      app/css/app.css
  2. 3 4
      app/html/search.html

+ 7 - 5
app/css/app.css

@ -500,6 +500,8 @@ ul.boxnav li.set span:before{
500 500
.filterblock2 li a.mui-btn.mui-active,.filterblock2 li a.mui-btn:enabled:active{background: none;border:none;color:#666666;}
501 501
.filterblock2 li select{  margin:0 2px;}
502 502
.filterlist2{ padding:0; margin: 0; border:none; border-radius:0;padding:6px;font-size: 13px;}
503
.filterlist3 span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:inline-block;max-width:84%;text-align: left;}
504
.filterlist3 em{position: absolute;top:32%;}
503 505

504 506
.coutopicbox{ position: relative;z-index: 1;border-bottom: 1px solid #EFEFEF;background: #FFFFFF; margin-bottom: 10px; width:110%; margin-left:-16px; padding:10px 10px 8px 10px; overflow: hidden;}
505 507

@ -610,7 +612,7 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
610 612
/***********************科袖用户协议*******************/
611 613

612 614
/***********************首页轮播*******************/
613
.art_topicBox{position: relative;display: block;}
615
.art_topicBox{position: relative;display: block;height: 180px;}
614 616
.art_topicBox img{width:100%;}
615 617
.art_topicbox{ position:absolute;top:0;width:100%;height:100%;
616 618
	background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Safari 5.1 - 6.0 */
@ -618,14 +620,14 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
618 620
	background: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Firefox 3.6 - 15 */
619 621
	background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* 标准的语法 */
620 622
}
621
.art_img{ width: 100%; height:140px; overflow: hidden;background: url(../images/default-art_top.jpg) center center no-repeat;background-size:100% auto;}
622
#artical_topic{position: absolute;bottom:0;padding:6px 10px;font-size:18px;line-height:24px;color:#FFFFFF}
623
.art_img{ width: 100%; height:180px; overflow: hidden;background: url(../images/default-art_top.jpg) center center no-repeat;background-size:100% auto;}
624
#artical_topic{position: absolute;bottom:10px;padding:6px 10px;font-size:18px;line-height:24px;color:#FFFFFF}
623 625

624 626
#artical_sth{font-size:12px;line-height: 14px;color:#999999;}
625 627
.articalBox{max-width: 640px;margin:6px auto 26px;padding:4px 16px;color:#555555;}
626 628
.line01 {margin:10px 0 4px 0;border-top: 1px dashed #ddd;height: 1px;overflow: hidden;clear: both;width: 100%;}
627 629
.articalBox p{margin:6px 0;padding:2px;/*text-indent: 2em;*/font-size: 15px; line-height: 26px;color:#666666;}
628 630
.articalBox .indentNone{text-indent: 0;text-align: center;}
629
.articalBox .indentNone img{width:90%; margin: 10px 0;}
631
.articalBox .indentNone img{width:98%; margin: 6px 0;}
630 632
.articalBox .indentNone .imgTit{ font-size: 12px;line-height: 20px;}
631
.articalBox .artSTit{text-indent: 0.5em;font-size:16px; color:#069E21;}
633
.articalBox .artSTit{text-indent: 0.2em;font-size:16px; color:#069E21;}

+ 3 - 4
app/html/search.html

@ -8,7 +8,6 @@
8 8
		<link href="../css/mui.min.css" rel="stylesheet" />
9 9
		<link href="../css/app.css" rel="stylesheet" />
10 10
		<link href="../css/iconfont.css" rel="stylesheet" />
11
12 11
	</head>
13 12
14 13
	<body>
@ -33,13 +32,13 @@
33 32
		<div class="filterbox" style=" position: fixed; z-index:1; top:45px; width:100%">
34 33
			<ul class="filterblock" style="width:100%">
35 34
				<li class="mui-col-xs-4" id="middlePopovercity">
36
					<a href="#" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="addressid">全国</span><em class="mui-icon mui-icon-arrowdown"></em></a>
35
					<a href="#" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 filterlist3 mui-ellipsis"><span id="addressid">全国</span><em class="mui-icon mui-icon-arrowdown"></em></a>
37 36
				</li>
38 37
				<li class="mui-col-xs-4">
39
					<a href="#middlePopoveracad" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="subjectid">学术领域</span><em class="mui-icon mui-icon-arrowdown"></em></a>
38
					<a href="#middlePopoveracad" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 filterlist3 mui-ellipsis"><span id="subjectid">学术领域</span><em class="mui-icon mui-icon-arrowdown"></em></a>
40 39
				</li>
41 40
				<li class="mui-col-xs-4">
42
					<a href="#middlePopoveruse" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="industryid">应用行业</span><em class="mui-icon mui-icon-arrowdown"></em></a>
41
					<a href="#middlePopoveruse" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 filterlist3 mui-ellipsis"><span id="industryid">应用行业</span><em class="mui-icon mui-icon-arrowdown"></em></a>
43 42
				</li>
44 43
			</ul>
45 44
		</div>