は応答のDataTableに展開アイコンを

Question

EDITセンタリング：

---

をだから私は、擬似要素を選択し、手動でいくつかのマージンを追加することにより、手動でダウン

td::before { 
    margin-top:8px; 
} 

をアイコンを移動することができましたが、明らかにこのウォン何らかの理由で自分の行が垂直に大きくなった場合、スケールしないでください。まだそれをセンターする方法を探しています。

---

だから私は（この行を持つすべてのコンテンツを中央揃えすることができました）

.table > tbody > tr > td { 
    vertical-align: middle; 
} 

縦私のDataTableの応答展開アイコンを中央にしようとしている。しかし、これはまだ影響を受けていない私のアイコンを残しているようです。私はまた、Datatablesによって動的に生成されて以来、それを捕まえるためのルールをどのように作成するのか本当に分かりません。ここで

はここ

は、要素の検査で、問題です。

私は、私はちょうどこのの世話をするためにCSSルールを作成する必要がありますが、私がここで発生する必要があるかを考えることができないと仮定します。垂直コンテナに中心疑似クラスのアイコンを中央する方法についてここでaexampleで

Answer 1

.box { 
 
    background: white; 
 
    padding: 10px 10px 10px 30px; 
 
    border: 1px solid black; 
 
    display: inline-block; 
 
    position: relative; 
 
} 
 

 
.box:after { 
 
    font-family: 'FontAwesome'; 
 
    content: "\f055"; 
 
    position: absolute; 
 
    top: 50%; 
 
    left: 5px; 
 
    display: inline-block; 
 
    transform: translateY(-50%); 
 
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<div class="box"> 
 
+15.00$ 
 
</div>