Pertanyaan Bagaimana mengatur tinggi daftar item dalam HTML?


Ini kode saya:

HTML

<div class="menu">
    <ul>
      <li class="active"><a href="index.html">HOME</a></li>
      <li class="active"><a href="#">COMPANY</a></li>
      <li class="active"><a href="#">SOLUTIONS</a></li>
      <li class="active"><a href="#">SERVICES</a></li>
      <li class="active"><a href="#">NEWS & EVENTS</a></li>
      <li class="active"><a href="#">BLOGS</a></li>
      <li class="active"><a href="#">CONTACTS</a></li>
    </ul>
  </div>

CSS

.header .menu ul { margin:33px 10px 0 0; padding:0; float:right; width:auto; height:12px; list-style:none;}
.header .menu ul li { margin:0 4px; float:left;}

Itu tidak mengenali tinggi fitur. Mengapa? Bagaimana saya bisa mengatur tinggi item menu?


7
2018-06-20 19:35


asal


Jawaban:


Anda melewatkan titik koma :-)

Anda juga dapat mencoba menyetel properti garis-tinggi dari tag li untuk mengubah posisi teks dalam elemen.


7
2018-06-20 19:39



.header .menu ul { margin:33px 10px 0 0; padding:0; float:right; width:auto;list-style:none;}
.header .menu ul li { margin:0 4px; float:left;}
.active{height:50px;}

0
2018-06-20 19:48



ul diatur ke ketinggian 12 piksel, setidaknya di Firefox.


0
2018-06-20 19:54



Apakah ketinggian diatur pada elemen yang benar? Anda menanyakan cara mengatur tinggi item menu (mungkin, sebuah li) tetapi CSS Anda mengatakan Anda mengatur ketinggian ul. Mungkin, bergerak height: 12px; dari mana itu .header .menu ul li bisa membantu.


0
2018-06-22 17:25