Liste öğelerim arasında bilinmeyen boşluk

Question

Liste öğelerim arasında boşluk alıyorum ve nereden geldiğini anlayamıyorum. Belki birisi yardım edebilir.

kullanıyorum:

.j-tabs .j-tabs-nav { /* All tab elements */ 
    margin: 0; 
    padding: 0; 
} 

.j-tabs .j-tabs-tab { /* Non-active, non-hover tab */ 
    display: inline-block; 
    margin: 0; 
    list-style: none; 
} 

Answer 1

Bunun için flexbox'a kullanarak öneriyoruz yada kullanabilirsiniz Burada

bazı ekran görüntüleri (boşluk dikkat edin) vardır Aşağıdaki kod yazısında listelenen yöntemlerden biri.

Flex kutu versiyonu:

ul.flexbox { 
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */ 
    display: -moz-box;   /* OLD - Firefox 19- (buggy but mostly works) */ 
    display: -ms-flexbox;  /* TWEENER - IE 10 */ 
    display: -webkit-flex;  /* NEW - Chrome */ 
    display: flex;    /* NEW, Spec - Opera 12.1, Firefox 20+ */ 
} 

http://codepen.io/chriscoyier/pen/hmlqF