CSS, чтобы предотвратить увеличение размера родительских элементов встроенным элементом? - PullRequest
Новая
       0

CSS, чтобы предотвратить увеличение размера родительских элементов встроенным элементом?

1 голос
/ 27 марта 2011

У меня есть элемент <span> внутри ячейки <td>.Я пытаюсь выяснить, какие правила CSS использовать для переноса содержимого <span> на новую строку вместо того, чтобы вызывать расширение элемента <td>.

Пример кода: 

<html>
  <body>
    <table>
      <tr>
        <td>
        <p>This should set cell width</p>
        <span>This longer line should wrap at the length of the above 
        &lt;p&gt; element width.</span>
        </td>
      </tr>
    </table>
  </body>
</html>

Проблема в том, что ширина таблицы не равна 100% его родительского контейнера.Я не хочу приводить таблицу к определенному размеру, я просто хочу исключить это конкретное содержимое из включения в вычисления размера таблицы.Если да, то как?

1 Ответ

1 голос
/ 03 мая 2011

Я уверен, что вы не можете сделать это только с помощью CSS.Как вы упомянули, это может быть сделано JS.Попробуйте взглянуть на мой быстрый пример: http://jsfiddle.net/a9dhC/

Это то, что вы ожидали?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...