Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Bootstrap 3 truncate long text inside rows of a table in a responsive way with HTML
To truncate long texts inside rows of a table, use the following CSS −
.table td.demo {
max-width: 177px;
}
.table td.demo span {
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
max-width: 100%;
}The following is the HTML −
<td class = "demo"> <span>This is demo text and we have made it a long text for a demo.</span> </td>
Updated on: 04-Mar-2020
691 Views
Advertisements