不能将文本对齐和宽度工作转换为html样式

我只希望我的文本以50像素宽度显示并右对齐。不能将文本对齐和宽度工作转换为html样式

听起来明显，我对这样的代码是：

<div style="text-align:right;width:50px;"> 
 
    Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext 
 
</div>

的50像素宽度适用，但其空间似乎是在左边，而不是右边保留。

我想包括此代码到另一个DIV：

<div style="text-align:center;"> 
 
    <div style="text-align:right;width:50px;"> 
 
    Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext 
 
    </div> 
 
</div>

没什么区别。我如何反对这样做？

来源

2016-10-03 A.D.

你检查过你的'myyy teeext'实际上是否适合在50像素内吗？除非你运行1px字体，否则你有42个字符，所以它们会比50px更宽。 –

井50只是一个例子，宽度工作正常。这是不符合预期的行为。 –

容器溢出，所以文本对齐不适用。 http://stackoverflow.com/questions/3759387/text-overflow-behaviour-in-css-with-non-left-values-for-text-align – Jrod

Flexbox，就可以做到这一点

div { 
 
    display: flex; 
 
    margin: 1em auto; 
 
    border: 1px solid grey; 
 
    background: palegoldenrod; 
 
    width: 50px; 
 
    justify-content: flex-end; 
 
    text-align: right; 
 
}

<div> 
 
    Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext 
 
</div>

来源

2016-10-03 15:48:48

-1

至少，这个工程：

<table width="50" align="right"> 
      <tr> 
       <td> 
        Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext 
       </td> 
      </tr> 
     </table>

不知道是否有更好的办法？

<table width="50" align="right"> 
 
      <tr> 
 
       <td> 
 
        Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext 
 
       </td> 
 
      </tr> 
 
     </table>

来源

2016-10-03 15:59:43

-1

使用的所有样式的css文件这一行添加到您的HTML页面HTML页面中

<link rel="stylesheet" type="text/css" href="something.css">

的头部，然后创建一个名为什么文件。 CSS和保持所有的风格，在这个文件中，然后给你的文本一类例如

<p class ="textstyle">put your text here</p>

然后在该something.css添加此

.textstyle 
{text-align: right; 
font-size: 50px; 
}

希望这有助于macmuggins.com HTML代码具有非常基本的例子看看其高度reccomended你用这种方法你的页面将以饱满的代码，并可能加载速度较慢这是练习的方式

来源

2016-10-03 16:06:12

不能将文本对齐和宽度工作转换为html样式

回答

相关问题