2017-01-09 106 views
-2

我是非常新的編碼和字面上不知道如何解決這個問題,真的很感謝一些幫助。內容重疊時調整大小瀏覽器

我正在創建一個虛擬簡歷;有一些內容在瀏覽器重新調整大小時會一直保持重疊狀態,而我嘗試的任何內容都會阻止它...

我希望內容隨着大小調整大小而調整大小;如果可能的話。但我不希望內容重疊..

我到目前爲止的工作是託管在codepen;這裏的鏈接...

這是我的工作http://codepen.io/JRMatthews/pen/RKWjLa

<div class='title'> <p>Jordan Matthews</p> </div>

這標題的寫作是在它下面看似重疊;但我希望它保持在上面而不是重疊;就像當瀏覽器是全尺寸...

請幫助

*****編輯****

我也真的很感激,找出最簡單的方法,以中心對齊所有的我的內容 - 因爲我似乎無法解決如何去做。

但最大的問題是與重疊。

如果需要,我可以添加屏幕截圖,但是CodePen上的筆的鏈接已被插入。

請幫助。謝謝。

+1

如果您希望內容與瀏覽器一起縮放,請不要在所有類似的東西上使用絕對定位。只需編寫與DOM一起流動的HTML和CSS。不幸的是,這需要對CSS有正確的理解。如果你只是想製作一個cv,而不想學習CSS如何工作,那麼你可以看看像Bootstrap或其他的CSS框架,甚至可以在線找到預先製作的模板。並重新:居中的東西,這是一個很好的資源https://www.w3.org/Style/Examples/007/center.en.html –

+1

你需要學習更多關於如何使用CSS,並做更多的研究。你應該在這個網站上提出一個問題,在你耗盡了所有其他資源之後*,而不是一旦遇到初學者問題。 –

+0

我已經研究過,但找不到任何實際工作..我看到其他職位,建議的事情,但一旦我嘗試在我的代碼,它似乎並沒有工作.. - 我沒有做任何事似乎停止標題'喬丹馬修斯'重疊了下面的文字,它真的讓我感到困惑。 – Jordan

回答

0

嘗試從元素中移除絕對位置,有很多方法可以將元素完全放置在您想要的位置,而無需使用絕對位置。

您可以使用text-alignpaddingmargin改變文本位置。

從您的CSS代碼中刪除所有發生的position: absolute

+0

謝謝。 - 現在我只需要垂直放置我的文本,這樣我就可以完成這個頁面並進入睡眠狀態lol – Jordan

+0

歡迎您!如果需要,嘗試使用文本對齊和邊距或填充。 –

相關問題