一些链接和样式

app/views/organizations/_org_new_forum.html.erb

@@ -1,4 +1,7 @@
 <div class="cl"></div>
-<img src="/images/org_new_style/con-left2.jpg"  alt="" class="fl con-left-img"/>
-<div class="fl con-left-txt"><%=link_to activity.content.html_safe, organization_path(organization, :org_subfield_id => field.id) %></div>
+<div style="margin-top: 10px">
+  <img src="/images/org_new_style/con-left2.jpg"  alt="" class="fl con-left-img"/>
+  <%=link_to activity.content.html_safe, organization_path(organization, :org_subfield_id => field.id), :class => "con-left-txt fl" %>
+</div>
+
 <div class="cl"></div>

public/stylesheets/org_new_style.css

@@ -74,7 +74,8 @@ a:hover.btn-more{ background:#29156f;}
 .con-left{ width:618px;}
 .con-left-box{ margin-bottom:20px; height:96px; display:block;}
 .con-left-img{ width:175px; height:96px;}
-.con-left-txt{ width:360px; margin-left:15px; font-size:14px; color:#888; padding-top:8px; line-height:1.9;}
+.con-left-txt{ width:360px; margin-left:15px; font-size:14px; color:#888; padding-top:8px; line-height:1.9; height:75px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
+    -webkit-line-clamp:3;-webkit-box-orient:vertical;}
 .con-left-txt:hover{color:#29156f;}
 .con-left-pre{ margin-top:15px; }
 a.con-back-btn{ display: block;width:25px;height:25px;background:url(../images/org_new_style/icons.png) no-repeat -38px -505px ;}
@@ -178,6 +179,7 @@ a:hover.read-more{ text-decoration:underline;}
 a.more-btn{ display:block; background:#ccc; color:#fff; margin-top:10px;  width:100px; height:38px;font-size:14px; -webkit-border-radius: 5px;border-radius:5px;text-align:center; line-height:38px;}
 a.more-btn-center{ display:block; background:#ccc; color:#fff; margin-top:10px;  width:100px; height:38px;font-size:14px; -webkit-border-radius: 5px;border-radius:5px;text-align:center; line-height:38px;width:100px; margin:0px auto;margin-top: 15px;}
 a:hover.more-btn{ background:#29146f; color:#fff;}
+a:hover.more-btn-center{ background:#29146f; color:#fff;}
 .mt30{ margin-top:30px;}