Ограничаване тектът на ред

[obqvi_in]

Здравейте, от база данни извеждам резултати в таблица с редове с различен брой думи и дължина на ред. Искам да задам фиксирана дължина и ширина на всички редове. Тоест, ако един ред е от повече думи да завършва с многоточие и само като кликна на него да се показва целия и при следващо кликане да се върне обратно.

 

[uphero]

http://jedfoster.com/Readmore.js/

 

[lam3r4370]

https://jsfiddle.net/k8og6yrt/
Само със CSS при hover, при click ще ти трябва и малко js

div {
  width: 200px;
  border: 1px solid red;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap; 
}
div:hover {
  overflow: visible;
  text-overflow: initial;
  height: auto;
  white-space: initial;
}

Ето и при click, като предполагам използваш jQuery
https://jsfiddle.net/k8og6yrt/1/

$('div').click(function() {
	$(this).toggleClass('activeread');
});

CSS вместо :hover е .activeread

 

[obqvi_in]

https://jsfiddle.net/k8og6yrt/
Само със CSS при hover, при click ще ти трябва и малко js

div {
  width: 200px;
  border: 1px solid red;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap; 
}
div:hover {
  overflow: visible;
  text-overflow: initial;
  height: auto;
  white-space: initial;
}

Ето и при click, като предполагам използваш jQuery
https://jsfiddle.net/k8og6yrt/1/

$('div').click(function() {
	$(this).toggleClass('activeread');
});

CSS вместо :hover е .activeread

Първо искам искрено да ти благодаря за това че за пореден път се включваш в моя тема +1