如何在「text-right」內使用「左拉」？

我有一個img標記，就像你在代碼中看到的那樣，.pull-left類在類.text-right裏面，這看起來好像不會讓pull-left正常工作。這就像.text-right類優先於.pull-left。如何在「text-right」內使用「左拉」？

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<a> 
 
    <div class="panel panel-default"> 
 
    <div class="panel-body text-right"> 
 
     <img class="pull-left" style="position:absolute;" src="http://placehold.it/125x125/000/fff"> 
 
     <strong class="pull-right">item</strong> 
 
     <div class="clearfix"></div> 
 
     <div>text</div> 
 
     <div>text</div> 
 
     <div>text</div> 
 
    </div> 
 
    </div> 
 
</a>

人有什麼想法？

來源

2016-06-09 TigerSpirt

你可以試着類適用於它的容器，其寬度集。應該沒有問題 – choz

創建一個基本的包裝父母div與文本正下方的圖像。這是我們發生的原因，因爲這正是CSS應該如何工作。

父內部的子元素將在該父容器的特點

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<a> 
 
    <div class="panel panel-default"> 
 
    <div class="panel-body"> 
 
     <img class="pull-left" src="http://placehold.it/125x125/000/fff"> 
 
     <div class="text-right"> 
 
     <strong>item</strong> 
 
     <div class="clearfix"></div> 
 
     <div>text</div> 
 
     <div>text</div> 
 
     <div>text</div> 
 
     </div> 
 
    </div> 
 
    <div class="panel-footer"> 
 
     <strong class="pull-left"> text</strong> 
 
     <span class="pull-right">text</span> 
 
     <div class="clearfix"></div> 
 
    </div> 
 
    </div> 
 
</a>

來源

2016-06-10 03:03:20

引導程序初學者感到困惑的部分是，在你的html中使用這些對齊類有時會讓你陷入綁定，就像它在這裏所做的一樣。有時候最好在你的css中分配對齊。如果您使用LESS或SASS嵌套，則效果很好。 –

但是，我經常使用bootstrap，並且在我的html中使用文本中心，因爲它的風格不同。 –

如何在「text-right」內使用「左拉」？

回答

相關問題