Взгляните на эту скрипку: http://jsfiddle.net/FK3cd/3/Оберточные плавали блочные элементы
То, что я хочу, чтобы в <li> «s, чтобы разорвать на следующую строку, если его ширина шире, чем фиксированный контейнер. Другими словами, вместо того, чтобы нажимать контейнер более широкий, я хочу, чтобы <li> обертывался на следующую строку. Например. что-то вроде этого: http://jsfiddle.net/FK3cd/4/ (за исключением без явной ширины)
Возможно ли это?
В зависимости от того, как вы используете это, вы можете обернуть список в свой собственный <div>, который является position: absolute. Это заставляет внутренний <div> свернуть до ширины родителя, и до тех пор, пока вы не испортите top и left, он останется в своем текущем положении.
Но это удаляет ваш список из потока документов и может сломать другой макет дальше по странице.
Check out this fiddle for an example. Обратите внимание: желтый фон не включает список.
Думаю, у вас есть неправильная ссылка для скрипки. Кажется, это работает: http://jsfiddle.net/FK3cd/6/ Но, как вы сказали, это сломает макет. Я буду отмечать это как правильный ответ, если нет других ответов. –
Вы правы. Я забыл сохранить скрипку, прежде чем скопировать URL. Я исправил это в своем ответе. – Brandan
Я не верю, что это возможно только в CSS, так как вы не хотите устанавливать явную ширину, размер контейнера будет соответствовать содержимому.
Можете ли вы использовать JavaScript, или это нужно, чтобы быть чистым CSS? – Brandan
Предпочтительно просто CSS. Но если чистое решение CSS невозможно, решение JS в порядке. –