Single Line Truncate [Snippet] <> No-Code Supply Co.
Code
Snippet
/ 

Single Line Truncate

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
Single Line Truncate
/* Class must has a set width for this to work */
.truncate {
width: 280px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
view raw single-line-truncate.css hosted with ❤ by GitHub

Set a specific width on a class/element along with a couple other styles to automatically truncate the text with an ellipsis at the end.

Tags

CSS
Aesthetic
Text

Share this item

Twitter
Facebook
LinkedIn

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
12.4.19

Similar items

Items
53
Layout
Grid View
Row View
VisualDX
Code
Library
/ 
Website

VisualDX

10.15.24
No-code, Javascript, Extending, Workflow, Tabs, Count, Webflow
Front
Inspo
Website
/ 
App

Front

10.10.24
Customer Service, Marketing, Webflow, Design Business Company
InstaGallery
Tools
Directory
/ 
Website

InstaGallery

10.10.24
Social Media, Gallery, Webflow
TagTeam
Inspo
Website
/ 

TagTeam

10.10.24
Creative, Portfolio, Workflow, Framer, Figma
Ryaneatpixel
Inspo
Website
/ 

Ryaneatpixel

10.9.24
Creative, Motion Design, Personal, Portfolio, Webflow, Liv Hunt
Featured
Preview
↗

Osmo

Start building websites people remember.
View item
Generative AI exists because of the transformer
Learn
Article
/ 

Generative AI exists because of the transformer

10.9.24
AI, Financial, Scrollytelling, Backend
Danis Pekić
Inspo
Website
/ 

Danis Pekić

10.8.24
Creative, Personal, Portfolio, Webflow
HF-11
Inspo
Website
/ 

HF-11

10.8.24
Transportation, Landing, Animation, Webflow, Joseph Berry
Frameship
Tools
App
/ 
Website

Frameship

10.8.24
No-code, Ecommerce, App, Framer, Shopify
Cap
Tools
App
/ 

Cap

10.8.24
Technology, Video, Workflow
Hartmann Capital
Inspo
Website
/ 

Hartmann Capital

10.8.24
Technology, Financial, Marketing, Webflow, GSAP
Blocs Framer Plugin
Tools
Utility
/ 

Blocs Framer Plugin

10.3.24
No-code, Components, Design System, Workflow, Framer
Irene Butenko
Inspo
Website
/ 

Irene Butenko

10.3.24
Creative, No-code, Personal, Portfolio, Webflow
Jack Elder
Inspo
Website
/ 

Jack Elder

10.3.24
Creative, Personal, Portfolio, Framer
Displace Figma Plugin
Tools
Utility
/ 

Displace Figma Plugin

10.1.24
Creative, Assets, Workflow, Figma
Codefortify
Tools
App
/ 
Website

Codefortify

10.1.24
Security, Dev Tools, Web Apps, Landing, Webflow, Black Peak
AKARI
Inspo
Website
/ 

AKARI

10.1.24
Creative, Interactions, Animation, Webflow
Spot Insurance
Inspo
Website
/ 

Spot Insurance

9.30.24
Insurance, Marketing, Webflow
Ivan Duzhak
Inspo
Website
/ 

Ivan Duzhak

9.30.24
Creative, No-code, Personal, Portfolio, Webflow
DivBlockers
Inspo
Website
/ 

DivBlockers

9.30.24
Creative, No-code, Agency, Portfolio, Webflow, DivBlockers
TaxGPT
Inspo
Website
/ 

TaxGPT

9.30.24
Financial, AI, Marketing, Webflow
Departure Mono
Tools
Fonts
/ 

Departure Mono

9.30.24
Creative, Fonts, Assets
Polypane
Tools
App
/ 

Polypane

9.30.24
Dev Tools, QA, Workflow
BRANDIV
Inspo
Website
/ 

BRANDIV

9.27.24
Creative, No-code, Brand Guide, Components, Design System, Webflow, 473
Modern Tax
Inspo
Website
/ 

Modern Tax

9.27.24
Financial, Landing, Scrollytelling, Interactions, Webflow, GSAP
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.