Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Недопустить растягивание ширины колонки таблицы по длине текста / 9 сообщений из 9, страница 1 из 1
08.02.2013, 15:51
    #38143650
Теплый квадрат
Теплый квадрат
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Недопустить растягивание ширины колонки таблицы по длине текста
Необходимо выводить данные в таблицу, в первой колонке обычно 6 символов, поэтому колонку пытаюсь сделать как можно уже (ставлю <th width="18"), но встречаются длинные значения и без пробелов, в результате ширина колонки растягивается по ширине этих значений. Как не допустить растягивание ? Какие есть варианты ?

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

Пробовал так, эффекта нет.
<th width="18" style="display:inline-block; width:18px; overflow:hidden"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.02.2013, 16:04
    #38143700
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Недопустить растягивание ширины колонки таблицы по длине текста
Смотрите документацию для CSS свойства table-layout .
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
<!DOCTYPE HTML>
<html>  
<head>
  <style>
    table {
      table-layout: fixed;
      width: 100%;
    }

    td {
      border: solid 1px #999;
      overflow-x: hidden;
    }
  </style>
</head>  
<body>
  <table>
    <col width="18">
      <tr>
        <td>11</td>
        <td>La-la-la tu-tu-tu</td>
        <td>Tu-tu-tu la-la-la</td>
      </tr>
      <tr>
        <td>22</td>
        <td>La-la-la tu-tu-tu</td>
        <td>Tu-tu-tu la-la-la</td>
      </tr>
      <tr>
        <td>33333333</td>
        <td>La-la-la tu-tu-tu</td>
        <td>Tu-tu-tu la-la-la</td>
      </tr>
      <tr>
        <td>44444444</td>
        <td>La-la-la tu-tu-tu</td>
        <td>Tu-tu-tu la-la-la</td>
      </tr>
  </table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.02.2013, 16:41
    #38143771
Теплый квадрат
Теплый квадрат
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Недопустить растягивание ширины колонки таблицы по длине текста
благодарю! то, что надо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.02.2013, 21:18
    #38144106
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Недопустить растягивание ширины колонки таблицы по длине текста
Теплый квадратПробовал так, эффекта нет.
<th width="18" style=" display:inline-block; width:18px; overflow:hidden"
Для ячейки самое то!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.02.2013, 21:36
    #38144112
няка
няка
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Недопустить растягивание ширины колонки таблицы по длине текста
krvsa,
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.02.2013, 09:18
    #38145527
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Недопустить растягивание ширины колонки таблицы по длине текста
В продолжении темы. Подскажите новичку, тут разные браузеры отображают по разному. В Опере, Мозилле текст лезет на соседнюю ячейку. В IE обрезается корректно.

По идее можно в каждую ячейку - DIV, но может есть другой способ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.02.2013, 13:09
    #38145913
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Недопустить растягивание ширины колонки таблицы по длине текста
user89 , если делаешь некие ограничения для контента, а простого решения в ЦСС нет или работают с особенностями - прямой путь добавить контенту еще один контейнер.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.02.2013, 14:37
    #38146117
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Недопустить растягивание ширины колонки таблицы по длине текста
krvsa,

ОК.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.02.2013, 15:01
    #38146168
няка
няка
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Недопустить растягивание ширины колонки таблицы по длине текста
навеяло
 


...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Недопустить растягивание ширины колонки таблицы по длине текста / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 419ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1448735]:
 0ms
get settings:
 5ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 153ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 23ms
get tp. blocked users:
 1ms
others: 214ms
total:  419ms
x
x
Закрыть


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