kaughtup
4/4/2017 - 1:23 PM

グローバルナビをtable-cellで From http://satohmsys.info/display-table-cell/

グローバルナビをtable-cellで From http://satohmsys.info/display-table-cell/

/*CSS*/
ul {
 width: 100%;
 display: table;
 table-layout: fixed;
}
li {
 padding: 20px 0;
 display: table-cell;
 border-right: solid 1px #fff;
 background-color: #fbb;
 text-align: center;
}


<!-- HTML -->
<ul>
	<li class="no1"><a href="#">MENU1</a></li>
	<li class="no2"><a href="#">MENU2</a></li>
	<li class="no3"><a href="#">MENU3</a></li>
	<li class="no4"><a href="#">MENU4</a></li>
	<li class="no5"><a href="#">MENU5</a></li>
</ul>