powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как осуществить перенос
8 сообщений из 8, страница 1 из 1
Как осуществить перенос
    #39450410
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Доброго дня господа !

Необходимо осуществить перенос слов
Хочу видеть следующее (это шапка таблицы)
- - - - - - - - - - -
| Ключ |
| показателя |
- - - - - - - - - - -

Делал так
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<style>
.word 
{ 
    width: 120px; 
    background: #f0f0f0;
    border: 1px solid #333;
    padding: 10px;
    font-size: 18px;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}
</style>

<td style=width:75% >
	<div class="total-wrapper">
		<div class="fix-column">
		      <div class="thead">
            			<span class="word">Ключ показателя</span>
        		</div>
		</div>
	</div>
</td>



Использовал ВСЕ !!! приемы по ссылке http://htmlbook.ru/blog/perenosy-slov

Результат следующий (рисунок прилагаю)


Подскажите где ошибка

Заранее благодарен !
...
Рейтинг: 0 / 0
Как осуществить перенос
    #39450412
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_X
Код: html
1.
<span class="word">Ключ показателя</span>


Ключ<br>показателя
...
Рейтинг: 0 / 0
Как осуществить перенос
    #39450440
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Petro123,

Доброго дня Petro

А данные приемы недействительны ? ( http://htmlbook.ru/blog/perenosy-slov)
Или я их неверно применяю ?

Версии IE приемлемы...
...
Рейтинг: 0 / 0
Как осуществить перенос
    #39450462
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_X,
Тут 2 момента:

- архитектура. Шапка таблицы делается не с автоматическим переносом, а с проектируемым. Т.е. тот кто проектирует какие будут столбцы и т.д.
Поэтому <br> он проставит руками.

- практика. Если АвтоТеги работают \ не работают, то дайте ссылку на HTML демку с ними.
Или нажмите F12 и в окне FireBug проставьте стиль и убедитесь работает или нет.
Я не такой спец по JS.
...
Рейтинг: 0 / 0
Как осуществить перенос
    #39450561
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_X,

если эти 2 одновременно прописанных свойства
Код: css
1.
2.
overflow-wrap: break-word;
word-wrap: break-word;

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

Попробуйте ещё посмотреть, какой результат будет при
Код: css
1.
word-break:break-all; /* разрывает тупо посередине слова, даже если есть пробелы */
...
Рейтинг: 0 / 0
Как осуществить перенос
    #39450668
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89,

Да вроде все перепробывал
Прилагаю файл - можите по нему посмотреть ?
...
Рейтинг: 0 / 0
Как осуществить перенос
    #39450831
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_X,

поставьте display: inline-block;
https://jsfiddle.net/ytdc0e2p/
...
Рейтинг: 0 / 0
Как осуществить перенос
    #39451162
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89,

Свою ошибку понял - спасибо большое ....
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как осуществить перенос
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]