如何在僅使用css的錨點表格中顯示帶橢圓的文本

Question

如何在具有錨點標記的表格中使用省略號顯示文本但不使用table-layout：fixed;

<table> 
    <tr> 
    <td> 
     <a href=""> 
      very lengthy text 
     </a> 
    </td> 
</tr> 

Answer 1

使用CSS類象 - >

.truncate { 
width: 250px; 
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; 
} 

Answer 2

嘗試在小提琴

Fiddle-ellipse

<table> 
    <tr> 
    <td> 
     <div class = "elipse"> 
     <a href=""> 
      very lengthy text 
     </a> 
     </div> 
    </td> 
</tr> 

這個解決方案個

CSS

.elipse{ 
    background-color : aqua; 
    border-radius : 50%; 
    padding : 20px; 
} 

Answer 3

你的意思是這樣的： -

小提琴：http://jsfiddle.net/nikhilvkd/hU9Y2/1/

.ellipse{ 
    border:solid 1px #000; 
    border-radius:30px; 
    padding:0px 5px; 
} 
.ellipse2{ 
    border:solid 1px #000; 
    border-radius:50%; 
    padding:10px 5px; 
} 

Answer 4

小提琴：http://jsfiddle.net/nikhilvkd/hU9Y2/2/

.ellipsis {

border-bottom: dotted 1px #000; 
width: 7px; 
margin-left: 2px; 
height: 14px; 
display: inline-block; 
}