Question

我难以在与右边对齐的边框内左右对齐文字。我能够将文本/边框对齐的唯一方法是嵌套在div中。我尝试并且未能将它们从css右侧对齐，因此我将内容放在div中。我认为问题是由我们的老朋友“继承”造成的。

 Here's the relevant code   

    <code> css   

        .ex2
             { 
            border-style:solid;
              border-color:#3d2574;
             width:295px;
             height:180px;
             padding:10px;
               border:2px 
                margin:0px;
               z-index:12;
                 }  

            <html>

                <div align="right"> <div class="ex2">
               <style="text-aline=:left;          
             padding:5; font size:3;color="black" ><b><p>*yadda:<br>
            yadda,yadda,yadda, yeadda,yadda,yadda<br><br>
          yadda,yadda,yadda, yeadda,yadda,yadda<br><br> 
          yadda,yadda,yadda, yeadda,yadda,yadda</p>

                                </b>
                       </var>
                 </font>

              </div>
            </div>
              </div>

              </code>

Answer 1

不要使用align =“right”而是使用css：

float:right

希望这有帮助。

Answer 2

您的text-align声明拼写错误，格式错误：

<style="text-aline=:left; padding:5; font size:3;color="black">

您已撰写text-aline=:left而不是text-align:left

style标记本身也被错误地使用。应该是例如。

<style>.ex2 { text-align:left; padding:5px; font-size:3em; color:black; }</style>

请注意，我添加了一个选择器（.ex2），并在您的px和em声明中添加了单位值（padding，font-size）

更好的是，CSS样式应该移动到外部样式表（因为你可能已经完成了.ex2规则）。

我注意到HTML中的一些其他格式问题：

您的颜色声明格式错误。你写的 color="black"代替color:black;"。
您的font-size声明缺少连字符。
您的结束font标记没有匹配的开头标记。
您有一个没有开始标记的结束var标记。
您有四个div开头标记，只有三个结束标记。

Answer 3

行<style = "text-aline=:left;等不正确，您应该在css中引用要正确对齐的文本，如下所示：

.ex2 { 
     border-style:solid;
     border-color:#3d2574;
     width:295px;
     height:180px;
     padding:10px;
     border:2px 
     margin:0px;
     z-index:12;
     text-align: right;
     padding:5; 
     font size:3;
     color:black;
}

此外，您的代码还存在其他一些问题：

您正在错误地使用样式标记。 style标签只是围绕你编写的css包装，或者它引用了一个css文件，你不能/不应该像样式元素那样设置样式标签。
有一个没有开头的结束字体标记，但我建议您不使用字体标记。
有一个没有开口的结束变量标记。
您的样式在样式标签中展开。

你的新html看起来像

<style> 
  .ex2 { 
         border-style:solid;
         border-color:#3d2574;
         width:295px;
         height:180px;
         padding:10px;
         border:2px 
         margin:0px;
         z-index:12;
         text-align: right;
         padding:5; 
         font size:3;
         color:black;
    }  
</style>
<div align="right">
    <div class="ex2">
        <b>
        <p>
            *yadda:<br>
             yadda,yadda,yadda, yeadda,yadda,yadda<br>
            <br>
             yadda,yadda,yadda, yeadda,yadda,yadda<br>
            <br>
             yadda,yadda,yadda, yeadda,yadda,yadda
        </p>
        </b>
    </div>
</div>
</div>

如何在与右侧对齐的边框内将文本对齐到左侧

3 个答案: