因此,當我在此處遇到此問題時,我正在處理網頁。我想用w3.css(不是bootstrap)創建我的第一個表單,它工作得很好。但在嘗試多次在我的文本輸入字段前面添加fa
-Fontawesome-Icon(fa-icon的高度與文本輸入的高度匹配,它們都在同一行中)之後,我現在要求你們在那裏的社區 -
我怎樣才能得到Fontawesome-圖標到相同的高度和相同的行/行的文本輸入字段?
Here's我的代碼:將Fontawesome-圖標放入與w3輸入字段相同的行
body {
background-color: black;
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="https://www.w3schools.com/w3css/4/w3.css" rel="stylesheet"/>
<form class="w3-container w3-white">
<div class="w3-row-padding">
<div class="w3-col m12">
<i class="fa fa-envelope-o fa-2x fa-fw" aria-hidden="true"></i><p><input class="w3-input w3-animate-input" type="text" placeholder="E-Mail" style="width: 50%;"></p>
</div>
</div>
</form>
我怎樣才能得到這個工作?
感謝事先所有的答案,一如既往,
- SearchingSolutions
這也有效,但我對標記的解決方案感覺更舒適。不管怎麼說,多謝拉 :) – SearchingSolutions