Правильный обертывание текста

В этом JSFIDDLE Мне хотелось бы, чтобы текст («кусок текста») обернулся прямо под текстом над ним («это длинный»), а не под красным X. Можете ли вы помочь, пожалуйста? Были у него на некоторое время, не хорошего результата :(Правильный обертывание текста

$('#myTd').contents().filter(function() { 
    return this.nodeType == 3 
}).each(function() { 
    this.parentNode.innerHTML = this.textContent.replace('', '<span style="color:#db1926">&#10006</span>&nbsp; this is long piece of text'); 
});

источник

2015-11-25 Eddy

Ваша функция кажется излишне сложной. Если вы объясните, что вы делаете, мы можем предложить более простые методы. – isherwood

Это не скриптовый вопрос. Вам нужно либо 1) использовать ячейку таблицы содержит текст, поэтому он остается выровнен, или 2) использовать CSS, чтобы создать подходящий отступ:

padding-left: 13px; 
text-indent: -22px;

Demo

источник

2015-11-25 21:59:27 isherwood

Отлично! Работает! Благодаря!! Одна адаптация, которую я сделал, чтобы убедиться, что больше строк обертывается, как они должны, использует контейнер div в строке и верхний край для этого div для лучшего разделения строк [ПРИМЕР] (http://jsfiddle.net/Eddy66/832mbvk3/1 /) – Eddy

Я был в состоянии сделать это, добавив дивы в вставленном текст и применяя следующее свойство:

#image { 
    float: left; 
} 

#text { 
    width: 1000px; 
    display: table-row; 
}

Это немного взломанное решение с принудительной шириной текста, но оно должно заставлять их отображаться бок о бок. Вот пример fork вашего jsfiddle: https://jsfiddle.net/kq6aa4wh/2/

источник

2015-11-25 22:12:28

Большое спасибо Дэвиду. Это прекрасно работает, но Ишервуд ответил лучше, я думаю. – Eddy

Правильный обертывание текста

ответ

Смежные вопросы