Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Не переносить часть фразы на другую строку

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (2): [1] 2 »   

> Без описания
Extazy
Отправлено: 26 Марта, 2015 - 16:27:07
Post Id


Посетитель


Покинул форум
Сообщений всего: 490
Дата рег-ции: Янв. 2010  


Помог: 0 раз(а)




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

Посмотрите скриншот - там понятнее будет.
Прикреплено изображение (Нажмите для увеличения)
Замбезия (2012) смотреть онлайн на MultMult.ru - Google Chrome.jpg
 
 Top
DelphinPRO
Отправлено: 26 Марта, 2015 - 16:34:49
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)






-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
LIME
Отправлено: 26 Марта, 2015 - 16:35:08
Post Id


Активный участник


Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010  


Помог: 322 раз(а)




 
 Top
Extazy
Отправлено: 26 Марта, 2015 - 16:40:32
Post Id


Посетитель


Покинул форум
Сообщений всего: 490
Дата рег-ции: Янв. 2010  


Помог: 0 раз(а)




white-space: nowrap оставляет фразу на строке - тогда она может вылезть за границы.
а надо чтоб в таком случае писало с новой строки...
Прикреплено изображение (Нажмите для увеличения)
2121.jpg
 
 Top
DeepVarvar Супермодератор
Отправлено: 26 Марта, 2015 - 17:14:37
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)




CODE (css):
скопировать код в буфер обмена
  1. display: block;
  2. float: left;
 
 Top
GoDr
Отправлено: 26 Марта, 2015 - 17:34:40
Post Id



Посетитель


Покинул форум
Сообщений всего: 446
Дата рег-ции: Янв. 2015  
Откуда: Тамбов


Помог: 17 раз(а)




Extazy пишет:
а надо чтоб в таком случае писало с новой строки...
, да заключи ссылку в DIV
Можно конечно и анкер в блок загнать, вот только гибкость теряется.. А если ещё и float добавить, то ещё больше будет проблем с вёрсткой, flex как-то пока не очень поддерживается...


-----
Система управления веб-содержимым Lotos CMS
 
 Top
DeepVarvar Супермодератор
Отправлено: 26 Марта, 2015 - 17:38:39
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)




GoDr пишет:
больше будет проблем с вёрсткой
Это не проблемы верстки, это вот это:

Спойлер (Отобразить)
 
 Top
Extazy
Отправлено: 26 Марта, 2015 - 17:52:32
Post Id


Посетитель


Покинул форум
Сообщений всего: 490
Дата рег-ции: Янв. 2010  


Помог: 0 раз(а)




CODE (html):
скопировать код в буфер обмена
  1. display:block;
  2.     float:left;

помогло! спасибо Улыбка
 
 Top
GoDr
Отправлено: 26 Марта, 2015 - 17:58:14
Post Id



Посетитель


Покинул форум
Сообщений всего: 446
Дата рег-ции: Янв. 2015  
Откуда: Тамбов


Помог: 17 раз(а)




DeepVarvar Радость +1
кто ж спорит... Отгадай какой будет следующий вопрос? как отцентрировать Ха-ха


-----
Система управления веб-содержимым Lotos CMS
 
 Top
Extazy
Отправлено: 26 Марта, 2015 - 18:08:39
Post Id


Посетитель


Покинул форум
Сообщений всего: 490
Дата рег-ции: Янв. 2010  


Помог: 0 раз(а)




не, не - всё смотрится вполне красиво) не надо центрировать Улыбка
Прикреплено изображение (Нажмите для увеличения)
1212.jpg
 
 Top
GoDr
Отправлено: 26 Марта, 2015 - 18:49:42
Post Id



Посетитель


Покинул форум
Сообщений всего: 446
Дата рег-ции: Янв. 2015  
Откуда: Тамбов


Помог: 17 раз(а)




а по мне так интереснее Улыбка
Прикреплено изображение (Нажмите для увеличения)
doc1.jpg


-----
Система управления веб-содержимым Lotos CMS
 
 Top
Extazy
Отправлено: 26 Марта, 2015 - 18:54:12
Post Id


Посетитель


Покинул форум
Сообщений всего: 490
Дата рег-ции: Янв. 2010  


Помог: 0 раз(а)




Ну тогда решение в студию) У меня не получается так выровнять))
Прикреплено изображение (Нажмите для увеличения)
12123.jpg
 
 Top
GoDr
Отправлено: 26 Марта, 2015 - 19:23:24
Post Id



Посетитель


Покинул форум
Сообщений всего: 446
Дата рег-ции: Янв. 2015  
Откуда: Тамбов


Помог: 17 раз(а)




и вот уважаемые господа-товарищи мы возвращаемся к "как отцентрировать" Ха-ха Ха-ха Ха-ха

Extazy, как вариант можно попробовать сделать так
http://jsfiddle[dot]net/r5dqtbz4/

(Отредактировано автором: 26 Марта, 2015 - 19:24:20)



-----
Система управления веб-содержимым Lotos CMS
 
 Top
DelphinPRO
Отправлено: 26 Марта, 2015 - 20:32:04
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




Extazy пишет:
white-space: nowrap оставляет фразу на строке - тогда она может вылезть за границы.
а надо чтоб в таком случае писало с новой строки...


facepalm.jpg

хоть немного думать-то надо...

white-space нужно применять не ко всему блоку, а только лишь к элементу, слова в котором нельзя переносить.
если взять пример приведенный GoDr, то будет так - http://jsfiddle[dot]net/DelphinPRO/r5dqtbz4/1/


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Extazy
Отправлено: 26 Марта, 2015 - 21:26:34
Post Id


Посетитель


Покинул форум
Сообщений всего: 490
Дата рег-ции: Янв. 2010  


Помог: 0 раз(а)




спасибо! Улыбка

CODE (html):
скопировать код в буфер обмена
  1. white-space нужно применять не ко всему блоку, а только лишь к элементу, слова в котором нельзя переносить.

я применял не ко всему блоку, а к тегу <a>
 
 Top
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB