课程列表里面超出的部分自动隐藏

app/views/layouts/base_courses.html.erb

@@ -29,7 +29,7 @@
 							<table>
 								<tr>
 									<td class="info_font" style="width: 240px; color: #15bccf"">高校课程实践社区</td>
-									<td style="width: 430px; color: #15bccf""><strong>当前位置 : <!-- <%= @course.teacher.user_extensions.occupation %> --></strong></td>
+									<td style="color: #15bccf"><strong>当前位置 : <!-- <%= @course.teacher.user_extensions.occupation %> --></strong></td>
 									<td rowspan="2" width="250px">
 										<div class="top-content-search">
 											<%= form_tag(:controller => 'projects', :action => 'search', :method => :get) do %>
@@ -42,7 +42,7 @@
 								</tr>
 								<tr>
 									<td style="padding-left: 8px"><a><%=link_to "forge.trustie.net/course", :controller => 'projects', :action => 'course' %></a></td>
-									<td ><%=link_to "主页", home_path %> > <%=link_to "实践课程", :controller => 'projects', :action => 'course' %> > <span><%=link_to @project.name, nil %>(<%= @course.time %><%= @course.term %>)</span></td>
+									<td><p class="top-content-list"><%=link_to "主页", home_path %> > <%=link_to "实践课程", :controller => 'projects', :action => 'course' %> > <%=link_to @project.name, nil %></p></td>
 								</tr>
 							</table>							
 						</div>

public/stylesheets/application.css

@@ -20,6 +20,14 @@ h4 {border-bottom: 1px dotted #bbb;}
 	margin-bottom: 10px;
 }
 
+.top-content-list{
+	width: 430px; 	
+	white-space: nowrap;
+	overflow: hidden;
+	-o-text-overflow: ellisis;
+	text-overflow: ellipsis;	
+}
+
 /*added by bai*/
 .top-course-content{
 	background-color: rgb(181,227, 251);
@@ -570,6 +578,7 @@ ul.context_projects li {list-style-type:none;
 	font-weight:ligher;
 	color:#7e7e7e;
 }
+
 .top_description{
 	overflow: hidden;
 	height: 65px;

public/themes/redpenny-master/stylesheets/application.css

@@ -1454,6 +1454,7 @@ div.pagination a {
 	border-image: none;
 	/*border-radius: 6px;*/
 }
+
 div.pagination span {
 	float: left;
 	padding: 0px 14px;