Как сделать обрезание текста в блоке?

Question

[timers]

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



Вот собственно код:
https://jsfiddle.net/infotimers/5mL2aa7x/

Comments

[Ankhena]

На js выяснять высоту левого блока и задавать ее правому. Правому задавать overflow hidden.

[timers]

Ankhena, я как то делал это на css, но не помню.... зачем геморой с js

[Ankhena]

timers, https://jsfiddle.net/f2zb3dpq/ вот так можно

[Ankhena]

либо так, покороче https://jsfiddle.net/uca9ocLt/

Answer 1

[Валерий Гутин]

Медиа-запросами попробуйте

htmlbook.ru/css/value/media

Comments

[timers]

Причем тут медиа запросы?

Answer 2

[boga-net]

https://jsfiddle.net/5mL2aa7x/2/ - вот так ?

я просто добавил этому блоку

max-height: 20px;

не пойму, если вы используете флекбоксы, тогда зачем используете ещё и флоаты ?....

Comments

[timers]

по поводу float код будет чистится, это рыба пока.

Нето получилось вот: https://jsfiddle.net/infotimers/5mL2aa7x/4/

а нужно чтобы правый, выравнивался по левому блоку по ширине

[boga-net]

timers, значит по ширине или по высоте ? Если по ширине, то на каком разрешении ? У вас стоит 65% и 35% соответственно ? Нужно, чтобы в какой-то момент было 50 на 50 %

Вот так ? не пойму вас

https://jsfiddle.net/zzct6d6L/3/

[timers]

boga-net, извиняюсь, по высоте чтобы правый выравнивался по левому блоку

[boga-net]

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

[timers]

boga-net, там будут короткие новости, в большом количестве (тупо только название), а влевом блоке будут новости с картинками по 8 штук и будет еще кнопка "показать еще" т.е. будут еще 8 новосте загружаиься.

[boga-net]

timers, хорошо, то есть оба блока должны быть одинаковыми по высоте, но текст в правом обрезаться ? Я вас плохо понимаю. Вы можете в пейнте нарисовать то, что вам нужно, потому что я запутался. То текст должен обрезаться, то, получается, не должен, так как в правом блоке, если его обрезать, будет пустота. Короче, нужно подробное объяснение, желательно с примером или скриншотом

[timers]

[boga-net]

timers, https://codepen.io/anon/pen/OZobvo

нужно подключить reset.css