2017-08-30 70 views
0

我的代码是:使文本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

我该如何做到这一点我是非常初学者,你可以链接我吗? –

+0

我想我有一个解决方案添加一个float:right;到服务器映像的css。这样文字将环绕图像。你可以使用这个:word-wrap:break-word;在包含文本的框中,以便它将换行到下一行。 – starsg38

+0

另一种解决方案可能是将“statistic-box statistic-filled-1”的宽度设置为75%(或任何适合的数字),然后您可以将font-size设置为font-size:5vh并调整大小基于div的宽度 – starsg38

0

没有看到你的CSS,看起来你可能在你的一个div元素上使用了background-image属性。出现在它上面的文字是它如何工作的。

如果你不想让这个图像成为背景的一部分,那么我建议删除该属性,而不是在HTML中插入一个好的老式<img>元素。