Все еще пространство между элементами (кнопками) с "margin: 0"?

http://jsfiddle.net/TRVfh/2/

Изображение:
enter image description here

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

Но маржа влево/вправо, похоже, ничего не делает. Что здесь происходит?

Ответы

Ответ 1

Две кнопки имеют пробел между ними из-за возврата и отступа, который вы использовали для форматирования HTML.

Просто плавайте оба контейнера: http://jsfiddle.net/TRVfh/19/

.redline_changes, .redline_comments{
    margin-left: 0px;
    margin-right: 0px; float: left;
}

Ответ 2

Пространство вызвано новой строкой и отступом между двумя внутренними div. Удаление пробела приведет к тому, что два ближе.

<div class="shell" style="width: 950px; ">
        <div class="redline_changes">
            <a href="#">Left Button</a>
        </div><div class="redline_comments">
            <a href="#">Right Button</a>
        </div>
</div>

Ответ 3

Просто удалите любые пробелы между DIVs:

    <div class="redline_changes">
        <a href="#">Left Button</a>
    </div><div class="redline_comments">
        <a href="#">Right Button</a>
    </div>

Ответ 5

Попробуйте добавить display:inline (вместо текущего display:inline-block;)

http://jsfiddle.net/D269S/

Протестировано в Chrome, Firefox, Opera и IE.

Ответ 7

Это символ пробела, который автоматически вставлен путем нормализации. К сожалению, для его исправления вам нужно будет испортить форматирование кода:

</div><div class="redline_comments">
            <a href="#">Right Button</a>
        </div>

Здесь демо.

Ответ 8

использовать display:flex;
flex означает гибкую компоновку.

Ответ 9

вы можете использовать spacer со всеми 0

.example-spacer {
  flex: 0 0 0;
}
or
.example-spacer {
  flex: 0 0 auto;
}
or
.example-spacer {
  flex: auto;
}

Ответ 10

попробуйте это для всех кнопок:

margin-left: 0px;
margin-right: 0px;
display:flex;
float: left;