如何在容器中定位文本？

我已經創建了一個div類容器，但是當我輸入文本時，它出現在容器的中間。如何將文本對齊到容器的左上角？如何在容器中定位文本？

順便說一下，我用過的位置：relative，top 0px left 0px。但是，這會將其移動到瀏覽器頁面的角落，而不是容器的角落。

2015-04-12 salman abedin

唯一的原因，我能想到的，爲什麼它移動到窗口被改變，是因爲CSS有位置：絕對的，爲了使用絕對，您需要有一個父容器，其中包含一個position：relative。一個好的建議是不使用任何位置屬性，除非真正需要。在大多數情況下，情況並非如此。此外，正如人們所說，除非另有規定，否則文本將居中左上角。 – larssy1

您可能已經使用了text-align：center;由於您沒有向我們提供必要的信息來幫助您，因此無法真正瞭解。

如果它是一個表單中的提交按鈕，並且您輸入了value =「」中的文本，它會自動居中文本，標籤之間的標籤稱爲按鈕也是一樣。

請按codepen按下筆按鈕，並複製相關的代碼，並給我們到您的筆的鏈接。

當你在你的盒子裏使用絕對位置時，你需要把它放在相對位置。因此，請在您的文字框中添加一個相對於您的文字的位置，以及一個絕對位置

但是，我建議你使用行高：「你的盒子的高度」px;和填充 - 左：5px的例子來對齊您的文本在框中，如果它是一個按鈕。請記住使用框大小：邊框;這允許您在不擴展框的情況下使用填充。

來源

2015-04-12 12:28:08 Athax

文本對齊到中心有很多種方法，你可能已經使用了標籤，或者你的容器被強制移動到中間位置，將容器移動到中間的正確方法是margin：0 auto;。你必須給你正在使用的HTML和CSS代碼。

來源

2015-04-12 12:39:57

文本的對齊可以使用

margin-left:-1%; 
margin-top:-1%; 
float: left;

來源

2015-04-14 07:34:57 Shelly

<div class="container text-center"> </div>

來源

2015-04-14 07:52:58 wijaya

請解釋此代碼的工作原理。 – Gilsha

bootstrap類 – wijaya

如何在容器中定位文本？

回答

相關問題