0

我在向右对齐的边框内将文本向左对齐时遇到了困难。我能够将文本/边框向右对齐的唯一方法是嵌套在 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>
4

3 回答 3

0

不要使用 align="right" 而是使用 css ：

float:right

希望这有帮助。

于 2012-06-15T06:08:18.230 回答
0

您的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>

请注意，我添加了一个选择器 ( )，并在您的and声明中.ex2添加了单位值 ( px, em) 。paddingfont-size

更好的是，应该将 CSS 样式移至外部样式表（正如您可能已经使用您的.ex2规则所做的那样）。

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

  • 您的颜色声明格式错误。你写 color="black"的不是color:black;".
  • 您的font-size声明缺少连字符。
  • 您有一个font没有匹配的开始标签的结束标签。
  • 您有一个var没有开始标签的结束标签。
  • 您有四个div开始标签，只有三个结束标签。
于 2012-06-15T06:08:27.453 回答
0

行<style = "text-aline=:left;etc 不正确，您应该引用要在 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;
}

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

  • 您错误地使用了样式标签。样式标签只是简单地包裹在您编写的 css 周围，或者它引用了一个 css 文件，您不能/不应该像元素一样设置样式标签的样式。

  • 有一个没有开头的关闭字体标签，但是我建议您根本不要使用字体标签。

  • 有一个没有打开的关闭 var 标签。

  • 您的样式在样式标签中展开。

你的新 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>
于 2012-06-15T06:09:51.120 回答