у меня есть встроенные div как div. я бы хотел, чтобы все они, находящиеся в одной строке, имели одинаковую высоту, они должны получить высоту самого длинного div.

CSS, JQuery или простое решение Javascript было бы здорово.

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

Блог, о котором идет речь:http://ildesign-blogger-demo-1.blogspot.fr/

HTML:

<div class="container>
    <div class="inline">text</div>
    <div class="inline">text + image</div>
    <div class="inline">text</div>
    <div class="inline">whatever</div>
    <div class="inline">text + image</div>
    <div class="inline">text</div>
</div> 

CSS:

.container {width: 100%; display:block;} 
.inline {display: inline-block; width: 28%; margin: 1%; padding: 1%;}

Итак, в каждой строке есть три встроенных элемента div, мне бы хотелось, чтобы линии были выровнены, поэтому встроенные элементы div должны иметь такую ​​же высоту, как и самый длинный элемент div в строке ...

Изменить. Я повторно отредактировал этот пост, добавив, что HTML-файл генерируется шаблоном Blogger xml. Итак, если вы предложите добавить каждые три встроенных div в div, который будет похож на строку, я не знаю, как это сделать ... оригинальный код XML:

<div class='blog-posts hfeed'>
  <b:include data='top' name='status-message'/>
  <data:defaultAdStart/>
  <b:loop values='data:posts' var='post'>
    <div class='date-outer'>
      <h2 class='date-header'><span><data:post.timestamp/></span></h2>
      <div class='date-posts'>
        <div class='post-outer'>
          <b:include data='post' name='post'/>
          <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
            <b:include data='post' name='comments'/>
          </b:if>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
            <b:include data='post' name='comments'/>
          </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'><data:adCode/></div>
          <data:adStart/>
        </b:if>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </div>
    </div>
  </b:loop>
<data:adEnd/>
</div>

Итак.Сообщения в блоге = .контейнер и.date-наружная = .в соответствии в моем приведенном выше примере HTML ...

Масонство может это сделать? Или код jquery для создания сетки с равной высотой?