文本对齐HTML和CSS

好吧，我一直在尝试对齐我的文本，似乎没有任何事情发生。对齐此代码的最佳方法是什么？我希望它以购物袋为中心。我也使用CSS风格。文本对齐HTML和CSS

<div class="total"> 
 
    <span class="simpleCart_total">$0.00</span> 
 
</div> 
 
<h3> 
 
    <center> 
 
    <img src="shopping%20bag.png" alt="shopping bag" width="25" height="25"> 
 
    </center> 
 
</h3> 
 
<script src="Java.js"></script> 
 
<p><a href="Java.js" class="simpleCart_empty"> Empty Cart</a></p>

来源

2017-10-11 Codingjr

我们可以看到更多的代码？ – hologram

'Java'！=='JavaScript'。 –

我也很好奇。至于2017年，'

'标签不被支持/不推荐使用，而且貌似html的align =“”'属性的用法也是。同时，CSS'text-align：center'不是一个直接的解决方法，因为结果可能会不同（因为它会对齐“文本”）。 –

.total,h3,p{ 
 
text-align: center; 
 
}

<div class="total"> 
 
    <span class="simpleCart_total">$0.00</span> 
 
</div> 
 
<h3> 
 
    <center> 
 
    <img src="shopping%20bag.png" alt="shopping bag" width="25" height="25"> 
 
    </center> 
 
</h3> 
 
<script src="Java.js"></script> 
 
<p><a href="Java.js" class="simpleCart_empty"> Empty Cart</a></p>

来源

2017-10-11 01:45:17

你可以包装在一个div的内容和使用文本对齐对齐文本。

HTML

<div class="textCenter"> 
    <div class="total"> 
     <span class="simpleCart_total">$0.00</span> 
    </div> 
    <h3><center><img src="shopping%20bag.png" alt = "shopping bag" width="25" height="25"></center></h3> 
    <script src="Java.js"></script> 
    <p><a href="Java.js" class="simpleCart_empty"> Empty Cart</a></p> 
</div>

CSS

.textCenter { 
    text-align: center; 
}

来源

2017-10-11 01:41:49 DollarChills

你可以使用Flex布局这一点。

试试这个：

<div class="flex_container"> 
    <div class="total"> 
     <span class="simpleCart_total">$0.00</span> 
    </div> 
    <h3><center><img src="shopping%20bag.png" alt = "shopping bag" 
     width="25" height="25"></center></h3> 
    <script src="Java.js"></script> 
    <p><a href="Java.js" class="simpleCart_empty"> Empty Cart</a></p> 
</div>

CSS：

.flex_container { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
}

这应该做的工作

来源

2017-10-11 03:24:40

文本对齐HTML和CSS

回答

相关问题