Телеграмм чат группы front_end

13:30пожаловаться #1

DE

Denis Evlampiev in Front-end developers

Ivan Granat

но мне нужны переносы строк.
мне все равно насколько сильно оно торчит сбоку,
допустим у меня есть 10 чекбоксов, но полностью на страничку помещается только 3. я бы хотел чтобы было видно только 3. и ничего больше не выглядывало.
white-space: nowrap делает его все в одну строку, мне это не подходит

Можно поиграться с line-clamp. Если сделать правильную структуру, можно добиться, чтобы отображалось только заданное количество строк. Но скрывать последний элемент, который не полностью поместился, все равно не получится. Такое только на js.
https://codepen.io/codepen-store/pen/VwvgaVb
https://caniuse.com/#search=line-clamp

Ivan Hrynevytskyi in Front-end developers

13:43пожаловаться #2

IH

Никита Потапенко

на квадрокоптерах

Пхаххххахахах

13:44пожаловаться #3

IG

Denis Evlampiev

Можно поиграться с line-clamp. Если сделать правильную структуру, можно добиться, чтобы отображалось только заданное количество строк. Но скрывать последний элемент, который не полностью поместился, все равно не получится. Такое только на js.
https://codepen.io/codepen-store/pen/VwvgaVb
https://caniuse.com/#search=line-clamp

14:05пожаловаться #4

IG

у меня даже такое не выходит(

14:05пожаловаться #5

IG

текст не сокращается до трех точек...

14:05пожаловаться #6

IG

может потому что у меня текст в span ?

14:05пожаловаться #7

IG

да, заработало

14:06пожаловаться #8

IG

спасибо большое всем кто помогал )

Никита Потапенко... in Front-end developers

14:06пожаловаться #9

НП

аххахах

Dinara Usenakunova in Front-end developers

14:07пожаловаться #10

DU

зашла из-за смачного 'аххахах', в итоге узнала про line-clamp, спасибо!)

14:48пожаловаться #11

NN

15:15пожаловаться #12

NN

йо, гайз. почему в данной стрелочно фукнкции нужны доп скобки () ? этот процесс создания нового обьекта называется как-то ?

15:16пожаловаться #13

AB

Alex Bodnariuk in Front-end developers

йо, гайз. почему в данной стрелочно фукнкции нужны доп скобки () ? этот процесс создания нового обьекта называется как-то ?

сколько времени уже учишь js?

15:16пожаловаться #14

NN

Alex Bodnariuk

сколько времени уже учишь js?

неделю

15:20пожаловаться #15

P

Philipp in Front-end developers

йо, гайз. почему в данной стрелочно фукнкции нужны доп скобки () ? этот процесс создания нового обьекта называется как-то ?

честно сказать, сам первый раз такое увидел. Проверил, похоже, что да - таким образом вернется именно объект, а без них это будет просто тело функции

15:23пожаловаться #16

P

Philipp in Front-end developers

Прикольно, спасибо

15:23пожаловаться #17

NN

Philipp

Прикольно, спасибо

у меня без них вообще "Unexpected token ':'" тебе спсибо, что проверил, буду знать, что добавив к стрелочной (), можно вернуть обьект

15:25пожаловаться #18

P

Philipp in Front-end developers

у меня без них вообще "Unexpected token ':'" тебе спсибо, что проверил, буду знать, что добавив к стрелочной (), можно вернуть обьект

ну так без них получается какой-то весьма странный синтаксис, который вне объекта и не должен работать. Я теперь тоже буду знать, полезная штука. Не нужно всякие ретурны внутри писать

15:26пожаловаться #19

AI

Alexey Ivanov in Front-end developers

йо, гайз. почему в данной стрелочно фукнкции нужны доп скобки () ? этот процесс создания нового обьекта называется как-то ?

скобки показывают, что от аргумента стрелочной функции зависит всего одна инструкция. Если инструкция одна, то ES6 позволяет не писать слово return и отработает код, как return {...}