不能將文本對齊和寬度工作轉換爲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樣式

回答

相關問題