- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- 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 06:42:40
- Related Questions & Answers
- Create Responsive Table with Bootstrap
- Bootstrap table-responsive class
- How to create a responsive navigation menu with a login form inside of it with HTML and CSS?
- Responsive grid with Bootstrap
- Make a table responsive using the table-responsive class
- Easiest way to get number of rows in a MySQL table?
- MySQL truncate text with ellipsis?
- How to create a responsive table with CSS?
- How to create a responsive website with Bootstrap 4?
- Responsive Images in Bootstrap with Examples
- Make an image responsive with Bootstrap
- How to create a responsive pricing table with CSS?
- How to count the number of occurrences of a particular text inside a table in a page in Selenium with python?
- How to create a responsive navigation menu with a login form inside it?
- Display text inside an <abbr> element in a smaller font size with Bootstrap
Advertisements