2015-04-08 5 views
-1

У меня есть PSD файл, где у меня есть следующие строки:Как конвертировать PSD в HTML, Bootstrap (трюки)

width: 4px 

Однако, когда я добавить границу, как это:

border: 4px solid #000 

мой браузер показывает его с шириной 8 пикселей.

Есть ли у моей границы свои прокладки?

+0

Вы можете воспроизвести проблему на [jsfiddle?] (Https://jsfiddle.net/) – Scott

+0

Я думаю, что не могу, потому что я использую Bootstrap, и, как я знаю, jsfiddle не поддерживает его – May

+0

Хм, сделай вы имеете в виду, что весь элемент растет на 8 пикселей, или одна граница получается 8px толщиной? Если это первый случай, это связано с тем, что границы подсчитываются по всей ширине элемента (см. Здесь) (https://jsfiddle.net/zoht0zxq/)). – Scott

ответ

2

Это потому, что он добавляет границу вокруг div. Таким образом, есть 4px сверху, а 4px внизу. Если вы измените его на border-top или border-bottom, это будет всего 4 пикселя.

+0

aaaa yeeeessss !!! большое спасибо ;) – May