国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Menggunakan persekitaran: debian8 + firefox-45.8
Sila lihat:

    <p>
        <input class="left" type="text" />
        <input class="search_btn" type="submit" value="搜索" />
    </p>
    
    css
    
* { box-sizing:border-box;padding:0px;margin:0px;vertical-align:middle;font-size:12px; }
.left {  width:420px;height:30px; }
.search_btn { width:70px; height:30px; line-height:30px; }

顯示效果

Ada dua soalan di sini:
1. Teks dalam hantar tidak boleh dipusatkan ke atas dan ke bawah
Menjajarkan menegak:tengah ditetapkan; teks "Cari" tidak boleh ditengahkan ke atas dan ke bawah
Dua perkataan "Cari" diletakkan di bahagian bawah

2. Terdapat penjelasan untuk masalah jarak antara dua input Ruang juga menduduki ruang.
Mari kita ubah suai struktur html dan mendapati bahawa jarak memang telah menjadi sedikit lebih kecil, tetapi mengapa ia masih tidak hilang.

    <p>
        <input class="left" type="text" /><input class="search_btn" type="submit" value="搜索" />
    </p>

Kenapa masih ada jurang? Sudah menetapkan padding:0px;margin:0px;?

* { box-sizing:border-box;padding:0px;margin:0px;vertical-align:middle;font-size:12px; }
.left {  width:420px;height:30px;border:1px solid red; }
.search_btn { width:70px; height:30px; line-height:30px;}

間隙還在。

* { box-sizing:border-box;padding:0px;margin:0px;vertical-align:middle;font-size:12px; }
.left {  width:420px;height:30px;border:1px solid red; }
.search_btn { width:70px; height:30px; line-height:30px;border:1px solid red; }   

2。如何詳細(xì)解釋問題2？？