Как я обхожу проблему округления процента CSS IE?

Question

Как я обхожу проблему округления процента CSS IE?

cat dump.txt | head -16224 | tail -258

должен добиться цели. Оборотная сторона этого подхода - то, что необходимо сделать арифметику, чтобы определить аргумент в пользу хвоста и составлять, хотите ли Вы 'между' включать конечную строку или нет.

6

css internet-explorer width css-float

задан mskfisher 11 May 2012 в 16:22

3 ответа

Другие вопросы по тегам:

css internet-explorer width css-float

Похожие вопросы:

score 2 · Answer 1

В подобной ситуации я бы попытался обойти проблему, используя таблицу стилей только для IE, которая изменяет значения до тех пор, пока они не сработают. В этом случае просто установите ширину на 33%, это не будет идеально, но тогда такова природа Интернета.

score 14 · Answer 2

Я использую два разных решения в зависимости от ситуации. Сначала попробуйте подход Николь Салливан (используя overflow: hidden; в последнем элементе в строке вместо float / width):

http://www.stubbornella.org/content/2009/ 07/23 / overflow-a-secret-Benefit /

.container {
  width: 75%;
}

.box1 {
  width: 33.33%;
  float: left;
  display: inline; /* fixes another IE bug */
}

.box2 {
  overflow: hidden;
}

Это работает в большинстве случаев.

В противном случае я вместо этого добавляю отрицательный запас в несколько пикселей к последнему элементу.

.box2 {
  width: 33.33%;
  float: left;
  display: inline; /* fixes another IE bug */
  margin-right: -3px;
}

Если этот последний элемент является плавающим справа, просто добавьте отрицательный запас слева. До сих пор это работало для меня в тех немногих случаях, когда переполнение не подходило.

score 0 · Answer 3

Я думаю, что простой ответ может заключаться в том, чтобы вообще не округлять, а просто создать последний элемент-разделитель шириной 1%, который имеет внешний вид 1/3 элементов. Даже IE должен иметь возможность обрабатывать округление 33 + 33 + 33 + 1.