Обрезание строки

[dedyshka]

Подскажите, пожалуйста, как можно сделать обрезание строки средствами html ?

[SkyM@n]

Обрезание строки - это что-то новенькое. ХТМл - язык разметки, а не манипуляции из текстом. Может быть, все таки CSS и/или Джаваскрипт?

[dedyshka]

пришлось обратно вернуться к этому вопросу.. может и css..
например, у меня ширина ячейки X px, а строчка, вписываемая в эту ячейку, длиннее, и получается, что она переносится..а нужно, чтобы достигая X px, она обрезалась..

[cooperOk]

Вы бы вопрос задали нормально, тогда и ответ сразу получили.

<div style="white-space: nowrap; overflow: hidden; width: 100px; border: 1px solid #f00; margin: 0 auto;">ssshfsjkd sssshfsjkd  олывралыовра skjdfh sdkjfh sjkdfh kjsd ралоыв раолыв раылвоар sdjkhf sdjk fhdskjf h</div>

[dedyshka]

спасыба (:

но вот хотелось бы довести до конца.. эти стили почему-то не работают на <span>

например что-то вроде:

<div><span  style="white-space: nowrap; overflow: hidden; width: 100px; border: 1px solid #f00; margin: 0 auto;">ssshfsjkd sssshfsjkd  олывралыовра skjdfh sdkjfh sjkdfh kjsd ралоыв раолыв раылвоар sdjkhf sdjk fhdskjf h<span> $_var_$</div>

, то есть, строка обрезается и потом, допустим, добавляется троеточие или другая переменная..

[cooperOk]

white-space применяется только для блочных элементов.

Можно сделать это так:

<div style="width: 300px; border: 1px solid #f00; margin: 0 auto;">
<div style="float: left; white-space: nowrap; overflow: hidden; width: 150px;">ssshfsjkd sssshfsjkd  олывралыовра skjdfh sdkjfh sjkdfh kjsd ралоыв раолыв раылвоар sdjkhf sdjk fhdskjf h</div>
...</div>

[dedyshka]

всё, решили проблему, спасибо только в поддиве вместо width указал max-width, а то вдруг строка короткой окажется)