как скрыть второе слово средством css - HTML и CSS

artkhvz · 10.08.2015, 19:47

Скажите, между тегами заключены 2 слова, можно ли средством css скрыть второе слово? пример: <span class="message-username insertname">Елена (гость)</span> скрыть нужно (гость)
сам код редактировать нельзя, возможно только подключение css

Вадим Мошев · 10.08.2015, 21:43

Полагаю, что в общем случае - нет.
А в данном случае можно воспользоваться CSS свойством text-indent, сместив содержимое тега на длину (в пикселях) последовательности (гость), установив при этом для span фиксированную ширину и overflow: hidden.

Не знаю, будет ли работать -- не проверял

Вот что можно почитать ещё до кучи, как говорится

http://htmlbook.ru/css/text-overflow
http://htmlbook.ru/css/text-indent

Naive · 11.08.2015, 09:30

http://jsfiddle.net/t3a2mr3t/

artkhvz · 11.08.2015, 09:56

Цитата:

Сообщение от Naive

http://jsfiddle.net/t3a2mr3t/

Не, так не пойдет.. Там перенос строки место внизу занимает, верстка ломается...

Naive · 11.08.2015, 10:54

Цитата:

Сообщение от artkhvz

Не, так не пойдет.. Там перенос строки место внизу занимает, верстка ломается...

укажи высоту

Вадим Мошев · 11.08.2015, 11:12

Кстати, я правильно понимаю, что, если задать блоку width:0, то его ширина будет регулироваться в зависимости от его содержимого?

И ещё.
Для второго слова указан цвет фона. Чёрная оптимизация, не?

Naive · 11.08.2015, 14:23

Цитата:

Сообщение от Вадим Мошев

Кстати, я правильно понимаю, что, если задать блоку width:0, то его ширина будет регулироваться в зависимости от его содержимого?

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

Цитата:

Сообщение от Вадим Мошев

Для второго слова указан цвет фона. Чёрная оптимизация, не?

Да. Цвет фона для всего блока, обратно выкрашивается только первая строка, в которой находится первое слово.

Вадим Мошев · 11.08.2015, 14:59

Цитата:

Сообщение от Naive

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

Спасибо. Вот сейчас как раз наблюдаю такой эффект. А так, отличное решение.

10.08.2015, 19:47	#1
artkhvz Пользователь Регистрация: 27.02.2012 Сообщений: 34	как скрыть второе слово средством css Скажите, между тегами заключены 2 слова, можно ли средством css скрыть второе слово? пример: <span class="message-username insertname">Елена (гость)</span> скрыть нужно (гость) сам код редактировать нельзя, возможно только подключение css Последний раз редактировалось artkhvz; 10.08.2015 в 19:51.

10.08.2015, 21:43	#2
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	Полагаю, что в общем случае - нет. А в данном случае можно воспользоваться CSS свойством text-indent, сместив содержимое тега на длину (в пикселях) последовательности (гость), установив при этом для span фиксированную ширину и overflow: hidden. Не знаю, будет ли работать -- не проверял Вот что можно почитать ещё до кучи, как говорится http://htmlbook.ru/css/text-overflow http://htmlbook.ru/css/text-indent Последний раз редактировалось Вадим Мошев; 10.08.2015 в 21:46.

11.08.2015, 09:30	#3
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	http://jsfiddle.net/t3a2mr3t/ Alar, верни репу!

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Каждое второе-третье слово в строке (Си)	Sterben	Помощь студентам	2	01.04.2015 18:10
Как выписать из диапазона первое и второе попавшиеся числа?	punchik	Microsoft Office Excel	9	29.09.2014 10:51
работа со строками - удалить второе слово	AlexP777	Паскаль, Turbo Pascal, PascalABC.NET	2	23.05.2013 18:15
C++ Вывести на экран второе слово	ILYA1991	Общие вопросы C/C++	2	27.01.2013 17:24
Даны два слова. Получить третье слово из неповторяющихся символов, входящих как в первое, так и во второе слова.	dlinkz	Паскаль, Turbo Pascal, PascalABC.NET	8	01.02.2012 11:09

11.08.2015, 11:12	#6
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	Кстати, я правильно понимаю, что, если задать блоку width:0, то его ширина будет регулироваться в зависимости от его содержимого? И ещё. Для второго слова указан цвет фона. Чёрная оптимизация, не?