Поведение Firefox при разрыве строки в других браузерах?

У меня есть длинная строка без пробелов, но с косой чертой, которую я хочу отобразить в ячейке таблицы.

Firefox добавляет разрывы перед косой чертой в конце строки. Другие браузеры только разбивают строку, если я добавляю

td {    
    word-break: break-all;
}

к моему CSS.

Firefox:

снимок экрана Firefox

Хром

скриншот хром

Chrome с разрывом слов

скриншот Chrome с разрывом слов

Есть ли какое-либо CSS-свойство для получения поведения firefox в Chrome и т. Д.?

Вы можете найти демонстрацию здесь: http://jsfiddle.net/rM9Dx/2/embedded/result/


html css firefox break
person Stefan Dietz    schedule 29.06.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Привет, теперь вы можете использовать это word-wrap:break-word;

вот так

CSS

  div {
    width: 400px;
    border: 1px solid red;
}
.wrap{
    word-wrap:break-word;
  width:200px;
  border:solid 3px green;
}

HTML

<div>
<table>
    <tr>
        <td>description:<td>
        <td><div  class="wrap">431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K
          </div></td>
    </tr>
</table>
</div>

Живая демонстрация http://tinkerbin.com/6uNnlfow

дополнительная информация http://www.css3.info/preview/word-wrap/

person Rohit Azad Malik    schedule 29.06.2012
comment
Спасибо за ваш ответ. В моем случае word-wrap:break-word делает то же самое, что и word-break:break-all. Мне нужны разрывы строк до или после / символов - person Stefan Dietz; 29.06.2012