Login
Remember
Register
References
Ranks
Add reference
CSS - truncate with ... the single line sentence
0
votes
234
views
added
Mar 10, 2023
in
CSS
by
lcjr
First Warrant Officer
(
11,900
points)
.truncate-single-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
css
ellipsis
truncate
nowrap
Related reference
CSS - Truncate multi-line text with ellipsis
CSS - Show dot dot (text... ) hidden overflow span with CSS
CSS - Text manipulation and styling
CSS - text truncation for one liner
CSS - overflowed ellipsis issue on firefox
CSS - break line column with flex property
CSS - Fix for a tag breaking into next line with display: inline
CSS - give <br> a height with line-height
lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
All categories
API
(35)
React
(149)
Javascript
(100)
Next JS
(10)
jQuery
(176)
CSS
(141)
SCSS
(25)
UI design
(1)
Vue
(25)
JSX
(12)
ES6
(8)
Regex
(6)
PHP
(61)
mySQL
(9)
Drupal
(15)
Bootstrap
(22)
Repository
(41)
Software & tools
(38)
Google tools
(28)
Plugins
(13)
Gulp
(9)
NPM
(9)
Node JS
(7)
CMS
(9)
Command-line
(7)
Database
(2)
Domain & hosting
(16)
Elixir
(1)
HTML
(21)
Networking
(4)
Python
(0)
Server issues
(12)
VM & Remote desktop
(2)
VSCode
(6)
Windows
(11)
XSLT
(5)
General
(868)
...