Зняти пробіл із рядка - CSS-хитрощі

Anonim

Пробіл, що означає вкладки та пробіли.

Ванільний JavaScript (обрізати провідний та кінцевий)

var str = " a b c d e f g "; var newStr = str.trim(); // "a b c d e f g"

Цей метод - ES 5, тож на той випадок, якщо ви зможете його заповнити (IE 8 і нижче):

if (!String.prototype.trim) ( String.prototype.trim = function () ( return this.replace(/^\s+|\s+$/g, ''); ); )

jQuery (обрізати лідерство та трейлінг)

Якщо ви все одно використовуєте jQuery:

var str = " a b c d e f g "; var newStr = $.trim(str); // "a b c d e f g"

Vanella JavaScript RegEx (обрізати провідні та кінцеві)

var str = " a b c d e f g "; var newStr = str.replace(/(^\s+|\s+$)/g,''); // "a b c d e f g"

Ванільний JavaScript RegEx (обрізати ВСІ пробіли)

var str = " a b c d e f g "; var newStr = str.replace(/\s+/g, ''); // "abcdefg"

Демо-версії

Дивіться ручку «Видалення пробілу зі струн» Кріса Койєра (@chriscoyier) на CodePen.

Зверніть увагу, що ніщо з цього не працює з іншими типами пробілів, наприклад (тонкий простір) або (нерозривний простір).

Ви також можете обрізати струни спереду або ззаду.