導航保證金/填充

Question

我有這樣的jsfiddle：

http://jsfiddle.net/JohnnyDevv/XQ5Xd/2/

我試圖讓HTML5的NAVs

零距離之間2

PHP實例：

<nav> 
     <?php foreach($nav_list as $id => $nav_item): ?> 
      <?php echo anchor(strtolower($id), $nav_item, array('class' => ($nav == $nav_item ? 'active' : ''))) ?> 
      </li> 
     <?php endforeach ?> 
    </nav> 
    <img src="<?php echo site_url('_inc/img/divider.png') ?>" width="960" height="4" alt="Divisão de Menu"> 
    <nav> 
     <?php foreach($subnav_list as $ids => $subnav_item): ?> 
      <?php echo anchor(strtolower($ids), $subnav_item, array('class' => ($subnav == $subnav_item ? 'active' : ''))) ?> 
      </li> 
     <?php endforeach ?> 
    </nav> 

下面是一個例子我想要完成的圖像：

Answer 1

您只需添加display：block;到您用來分隔導航元素的圖片標記。默認情況下，圖像使用display：inline-block;這是在圖像上添加了不必要的空白區域。

#wrapper img { 
    margin: 0; 
    padding: 0; 
    display: block; 
} 

希望這可以解決您的問題！如果您有任何問題，請告訴我。