与CSS水平对齐

编程问答 2022-04-26

问题描述

| 我有以下代码： 
<div class=\"one\">
   <p>Test<p><span style=\"color: Green\">▼</span>
</div>
我认为这是一个非常简单的问题，但我不知道CSS。如何使段落在中心水平对齐？     

解决方法

        这里有两个问题。 使包含段落的DIV居中。 使DIV中的段落居中。 为了使DIV居中，这是使用内联样式的代码： 
<div style=\"margin: 0 auto\" class=\"one\">
    <p>Test<p>
</div>
上面将使整个DIV居中，但文本未与居中对齐。同样，只有在类“ one”具有指定的宽度时，div才会居中。否则，它无效。您也可以在名为“ one”的类中包含边距样式信息。 现在，要水平对齐显示在DIV中的所有文本，可以这样设置样式： 
<div style=\"text-align: center\" class=\"one\">
    <p>Test<p>
</div>
而且，如果只想对单个段落应用居中样式，则可以在
<p>
标记中包括样式规则。     ,        使用margin auto的margin解决方案适用于浮动块元素，但是如果它只是普通html中的文本，则应在此处查看以下示例： http://www.w3schools.com/css/tryit.asp?filename=trycss_text-align_all     ,        您可以使用以下所有方法 
.One{text-align:center;}
要么 
.One p{margin: 0 auto;}
    ,        您可以使用CSS。 
margin:auto
     ,        您的页面应在
<head>
标记顶部的顶部 
    <style type=\"text/css\">
        .one p {text-align:center;}
    </style>
如果要使整个div（而不是文本）居中，请使用它，但请确保为div设置宽度。 
    <style type=\"text/css\">
        .one p {margin:0 auto; width:300px;} /*Change the width to what you need to*/
    </style>
要进行垂直对齐，请访问http://www.sohtanaka.com/web-design/vertical-alignment-css/     
对齐对齐水平