Ron Valstar Sjeiti

Sjeiti / middleEllipsis.html

Last active March 18, 2018 12:17 — forked from anonymous/fiddle.html

Javascript solution for middle ellipsis (see: https://jsfiddle.net/Sjeiti/cxsqv50n/)

	<main>
	<h1 data-middle-ellipsis>A Javascript solution to middle ellipsis</h1>
	<div data-middle-ellipsis>The quick fox</div>
	<div data-middle-ellipsis class="inline-block">The lazy dog</div>
	<div data-middle-ellipsis>theQuickBrownFoxJumpsOverTheLazyDog</div>
	<div data-middle-ellipsis class="bold">The quick brown fox jumps over the lazy dog</div>
	<div data-middle-ellipsis class="small">The quick brown fox jumps over the lazy dog</div>
	<div data-middle-ellipsis class="small bold">The quick brown fox jumps over the lazy dog</div>
	<div data-middle-ellipsis class="large">The quick brown fox jumps over the lazy dog</div>
	<div data-middle-ellipsis>The quick brown fox jumps over the lazy dog</div>