Обтекание текстом основой Zurb

Question

Обтекание текстом основой Zurb

0

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

Я использую Foundation 4 (последняя версия), и предоставленное решение не работает; например, посмотрите на следующий скриншот здесь, который показывает результат, вычисленных правила по CSS и фактической страницы разметки. Он также показывает, что строки последовательных а не завернуты так, как должны. Любые идеи о том, как исправить это?

jtimz 01 окт. 2013, в 12:09

Источник

Теги:

html

zurb-foundation

css

2 ответа

1

Вы можете сделать это с помощью атрибута align. Это позволяет обертывать текст.

<div class="row">
  <div class="small-6 columns">
  <img align="right" src="http://placeimg.com/240/240/any">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero eligendi optio sed     numquam hic. Error repellendus in placeat officia alias sapiente facere asperiores accusamus quaerat ea voluptatibus commodi, pariatur, obcaecati. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores nemo, illum mollitia quos delectus. Cupiditate deserunt ipsa esse a fuga, veniam, magnam, possimus reprehenderit commodi voluptate quaerat quisquam vel sed.</p>
  </div>
</div>

rafibomb 27 авг. 2014, в 18:43

Ещё вопросы

user2834221 · Accepted Answer · 2013-10-01T07-44-00.000Z

Это не язык. Это CSS-структура. Методы обертывания слов такие же, как CSS. попробуйте код ниже.

.class
{
    word-wrap: break-word;
}

Спасибо! Это работает, но не могли бы вы сказать мне, почему предыдущее решение не сработало (то, которое предоставлено в другой теме SO)