Как получить границу от инструмента YUI GRID?

Question

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

Как добавить границу в сгенерированный код YUI?

Заранее спасибо

Answer 1

Вы можете добавить границу к сеткам YUI2, добавив стили к классу yui-u

.yui-u {
  border: 1px solid black;
}

Однако границы не очень хорошо работают с сетками YUI2, потому что они основаны на ширине столбцов в процентах, поэтому вам придется вставить еще один div внутри каждого блока и добавить границу к этому div:

<style>.yui-u-inner { border: 1px solid black; }</style>

<div class="yui-g">
  <div class="yui-u first">
    <div class="yui-u-inner"></div>
  </div>
  <div class="yui-u">
    <div class="yui-u-inner"></div>
  </div>
</div>

Могут быть более элегантные решения.

Тебе стоит подумать о переходе на YUI3. YUI2 находится только в режиме обслуживания, и нет никаких новых разработок, кроме базового исправления ошибок. YUI3 довольно активен, и, в частности, его CSS-сетки намного проще в использовании.