Свойство css3 column-count - PullRequest
Новая
       10

Свойство css3 column-count

0 голосов
/ 14 ноября 2011

у меня есть следующий короткий код CSS 

 div#mydiv{
  border-style: none; 
  margin-bottom: 1em;
  background-color: #F6F6F6;
  color: #000;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: justify;
  column-width: 15em;
  column-gap: 2em;
  column-count:2;
  -moz-column-width: 15em;
  -moz-column-gap: 2em;
  -moz-column-count:2;
  -webkit-column-count:2;
  -webkit-column-width: 15em;
  -webkit-column-gap: 2em;   
  box-shadow: #ccc 0 0 15px;
  }

Теперь в Firefox это отлично работает и показывает 2 столбца текста.В Opera это работает, но это очень странно, вместо того, чтобы показывать 2 столбца текста, он показывает 3 столбца!

, поэтому firefox:

бла бла
бла бла
бла бла
бла бла
бла бла

Опера

бла бла бла
бла бла бла
бла бла бла

Explorer

blablablablablablabla

Я хотел бы знать, что не так с Opera, и если есть способ заставить проводник показывать текст в столбцах.

спасибо

1 Ответ

1 голос
/ 14 ноября 2011

Есть ли причина для css3?Если нет, вы можете сделать это просто с помощью css, например: 

#container {
    width:800px;
}

#left {
    float:left;
    width:400px;
}
#right {
    float:right;
    width:400px;
}

и

Html: 

<div id="container">
<div id="left">..</div>
<div id="right">..</div>
</div>

Код может быть не совсем правильным, просто чтобы дать вампример.

...