ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / max-width и сжать div до ширины текста при переносе строк
6 сообщений из 31, страница 2 из 2
  2  все
max-width и сжать div до ширины текста при переносе строк
    #39867922
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
вадя , не все так просто...

Код: 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.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
.center-div {
	width: max-content;
	max-width: 220px;
	border: 1px solid #ccc;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div class="center-div">
	Это просто очень длинный текст который будет имеет перенос строк
</div>
<div class="center-div">
	Это просто очень к fdsfas fasdf asd asdfasd fa af fs fdsdf sdf sfdg sdfhsj fhw
</div>
<div class="center-div">
	Это просто
</div>
</body>
</html>
...
Рейтинг: 0 / 0
27.09.2019, 15:16
| Ответить | Цитировать | Написать  
max-width и сжать div до ширины текста при переносе строк
    #39867925
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
SQLPowerUser max-content не поддерживается IE11, Edge.
Так это идея не моя...
И, как видно из моего примера (см.выше), работает она как-то с "оговорками"...
...
Рейтинг: 0 / 0
27.09.2019, 15:18
| Ответить | Цитировать | Написать  
max-width и сжать div до ширины текста при переносе строк
    #39867927
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
SQLPowerUser,
Edge поддерживает
...
Рейтинг: 0 / 0
27.09.2019, 15:20
| Ответить | Цитировать | Написать  
max-width и сжать div до ширины текста при переносе строк
    #39868028
SQLPowerUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SQLPowerUser
Участник
вадя,

???
https://caniuse.com/#search=max-content
...
Рейтинг: 0 / 0
27.09.2019, 17:00
| Ответить | Цитировать | Написать  
max-width и сжать div до ширины текста при переносе строк
    #39868033
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
SQLPowerUserвадя,

???
https://caniuse.com/#search=max-content
...
Рейтинг: 0 / 0
27.09.2019, 17:12
| Ответить | Цитировать | Написать  
max-width и сжать div до ширины текста при переносе строк
    #39868039
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
SQLPowerUser,

счас уже 79
...
Рейтинг: 0 / 0
27.09.2019, 17:21
| Ответить | Цитировать | Написать  
6 сообщений из 31, страница 2 из 2
  2  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / max-width и сжать div до ширины текста при переносе строк
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39868033&tid=1443652]:
 0ms
get settings:
 11ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 66ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 54ms
get tp. blocked users:
 2ms
others: 16ms
total:  187ms
созд. / загр.: 187ms
x
x
Закрыть


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