Nie można użyć ujemnego prawego marginesu na elemencie tabeli?

Próbuję użyć elementów komórki tabeli w systemie grid, który wykorzystuje ujemne marginesy w wierszach, aby wyeliminować lewe i prawe rynny w zagnieżdżonych elementach siatki. Działa to dobrze na płynęły i inline-block elementów, ale elementy z display: table, respektując negatywnego lewy margines, ignorować negatywne prawy margines:Nie można użyć ujemnego prawego marginesu na elemencie tabeli?

Table with negative right margin

dziwne, eh? Prosta demonstracja: http://jsfiddle.net/57FAN/1/

Niestety, wszystkie przeglądarki sprawdziły się w ten sam sposób. Jakieś pomysły?

P.S. Odłóżmy debatę nad tabelą - * elementy do układu, dopóki skrzynka flex nie zostanie ustandaryzowana.

Źródło

2012-10-18 Parker Ault

Nie ma powodu, aby odłożyć debatę nad stołami do układu tak jak nie ma powodu, aby używać tabel dla układu. – Kyle

@KyleSevenoaks OP nie korzysta z tabel, używa właściwości wyświetlania tabeli. Reguła polega na tym, aby nie używać znacznika table dla layoutu, ponieważ jest on zaprojektowany do wyrażania danych tabelarycznych, nie oznacza to, że nie można sprawić, aby elementy inne niż tabelowe wyglądały jak tabela. – cimmanon

No dobra, nie złapałem tego. Oczywiście korzystanie z wyświetlacza: tabela; własność jest całkowicie legalna (nie sarkazm). Dzięki za wyczyszczenie tego. – Kyle

Tabela nie ignoruje marginesu ujemnego, ale ma tylko 100% szerokości i jest przesunięta o 5 pikseli w lewo. Będziesz potrzebował "100% + 2 * 5px", aby całkowicie wypełnić szary obszar.

Rząd nie ma szerokości, dlatego używa całej dostępnej szerokości.

Jeśli chcesz użyć

.row { 
    margin: 0 -5px; 
    width: 100%; 
}

byłoby widać, że szerokość są równe

Źródło

2012-10-18 12:47:04

Ach, masz rację. Nie uważałem, że szerokość: auto na poziomie bloku nie zawsze jest takie samo jak szerokość: 100%. –

Kod mieć więcej margin i padding zakwaterowania. więc tak to wygląda. Tutaj poprawiłem niektóre kody.

Fiddle DEMO

Źródło

2012-10-18 13:17:07 Selvamani

Dzięki Selva, ale marginesy i dopełnienie są częścią systemu gridowego i nie można ich usunąć. –

Nie można użyć ujemnego prawego marginesu na elemencie tabeli?

Odpowiedz

Powiązane problemy