chrome / safari и text-align

Discussion in 'PHP' started by FindeR, 26 Nov 2010.

  1. FindeR

    FindeR Elder - Старейшина

    Joined:
    15 Nov 2006
    Messages:
    623
    Likes Received:
    138
    Reputations:
    20
    В процессе работы заметил, что хром и сафари неверно отображают элементы внутри дива с text-align, равным center или right.

    Засомневался (наверняка, сам накосячил).

    Создал тестовую страницу с кодом
    Code:
    <div style="width:100%;text-align:center;">
    <span style="border: solid #000 2px;width:10px;height:10px;">&nbsp;&nbsp;&nbsp;</span>
    <br />
    <span style="border: solid #000 2px;width:10px;height:10px;">&nbsp;&nbsp;&nbsp;</span>
    </div>
    
    Т.е., по сути, 2 одинаковых элемента внутри дива, выравниваться должны по центру.
    В итоге получаем:
    Все IE, FF, Opera:
    [​IMG]

    Chrome, Safari:
    [​IMG]

    Сдвиг второго элемента на пару px.
    Если добавить ещё несколько брейков и спанов - все будут идти ровно, кроме последнего - он будет сдвинут на те же пару пикселей.

    И подобная фигня со всеми строчными элементами.

    Кто подскажет - из-за чего проблема? Неужто разрабы накосячили?
    Или я что-то не так делаю?:)