2017-08-30 7 views
0

MYコードです:エリアにテキストfixtを作る

<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"> 
 
    <div class="statistic-box statistic-filled-1"> 
 
    <h1><span class=count-number>5251111111</span>TL</h1> 
 
    <span class=slight><i class="fa fa-play fa-rotate-270 text-warning"> </i> 28%</span> 
 
    <div class=small>Stok</div> 
 
    <div> 
 
     <a href=stok> <i class="ti-server statistic_icon"></i></a> 
 
    </div> 
 
    </div> 
 
</div>

this is not wanted

が、私はそれがフィットし、サーバーイメージを乱さないように、テキストを編集したい、ですとにかくこれを可能にするには?

+0

フォントサイズを変更しますか?スパンの幅を変更しますか?何を試してみましたか? – scrappedcola

答えて

0

画像をdivs背景画像&として設定し、divにパディングを設定することができます。

+0

どのように私はこれを行うのですか?hmlで非常に初心者です。あなたは私をリンクできますか? –

+0

フロートを追加するソリューションがあると思います。サーバーイメージのCSSに追加します。このようにして、テキストがイメージの周りにラップされます。あなたはこれを使うことができます:word-wrap:break-word;次の行に折り返すようにテキストが入っているボックスに置きます。 – starsg38

+0

もう1つの解決策は、「統計ボックスの統計量-1」の幅を75%(またはそれに合う任意の数)に設定することです。次に、font-sizeをfont-size:5vhに設定してサイズを変更しますdivの幅に基づいて – starsg38

0

あなたのCSSが表示されていないと、div要素の1つにおそらくbackground-imageプロパティが使用されているようです。その上に表示されるテキストは、それがどのように動作するのかです。

このイメージをバックグラウンドの一部にしたくない場合は、そのプロパティを削除し、代わりにHTMLに古い旧式の<img>要素を挿入することをおすすめします。

関連する問題