我想對齊圖像和相對於視口的短文本。 我希望在空間足夠的情況下讓圖像跟隨在同一行中的文本,就像風景視圖一樣。 當同一行中沒有足夠的空間時,我希望文本在圖像下滑動,並且兩個都仍然居中! 任何想法都會受到歡迎。如何將img和文本同時置於同一個div內
回答
您的請求是響應式網頁整個區域存在的基本根本原因,以及移動首先設計方法......這是一個非常非常普遍的問題,您需要更具體一些......您是否試圖用你自己的html和css來實現這一點?你使用任何框架作品?對於像Bootstrap3.0和jQuery這樣的框架來說,這是標準業務。如果你還沒有聽說過它們,那麼我建議你不要試圖重新發明輪子,在Bootstrap3.0中獲得一個速成教程(特別是在腳手架中,這是你如何實現響應能力,你可以爲不同的屏幕指定css設置尺寸,一個物品的最小寬度是多少,以及在這個最小寬度被越過的情況下該做什麼...將一個物品滑動到另一個物品下方...物品可以是div,視口,任何物品)
我不使用任何框架,我相信保持簡單是最好的方法不要失去控制! HTML5和CSS3應該足以實現這樣的任務。 – katun
我不認爲這實際上回答了任何問題。 –
我不會重新發起要求的輪...想知道,至少聲稱,你已經遵循了一些HTML5和CSS3的webtoolkit教程(是啊谷歌... ...應該已經想通了你自己的,甚至超出了在發佈這個問題之前),並堅持你的觀點...至少考慮我的建議,獲得框架,看看它是如何工作的,看看它的源代碼(杜!),但把你的任務放在這裏&期待它去完成並不是什麼stackoverflow是關於...是是丹尼爾...這不是一個答案,它的指導...問一個錯誤,而不是一個主題 –
- 1. 如何在同一個css/div中同時添加樣式到多個img
- 2. 問題在同一div文本和IMG對準
- 3. 同時切換Div和img src
- 4. 如何在同一個div內向上移動特定文本?
- 5. 如何使用jQuery在同一個div內選擇三個img中的兩個?
- 6. 如何將標誌背景img和文本置於標題中?
- 7. 如何把一個div的IMG和文本中
- 8. 如何更改不同的div背景img時,懸停一個空的div?
- 9. 如何將一個水平菜單置於一個框內(div)
- 10. div位置內img
- 11. 將div內容高度設置爲同一div內的圖像
- 12. jquery .next()和.prev()在同一個div內
- 13. img rollover影響同一div中的文本
- 14. div和文本框在文本更改時未在同一位置對齊
- 15. 當文本框的值與另一個div的內容相同時顯示div
- 16. 如何設置一個div等於其兄弟IMG的寬度
- 17. jquery如何在同一個div內設置輸入值
- 18. 將不同的文本設置爲相同的ID div
- 19. 如何使一行文本和div與兩個相同的高度製作div?
- 20. 如何unhighlightable一個div內使文本
- 21. 如何在html中居中放置圖像,同時將文本置於左側?
- 22. jQuery將div移動到另一個div內同一父母
- 23. 如何將HTML圖片/文本放在div的同一行上?
- 24. 同時在父div中設置div以及文本
- 25. 將一個div放在一個img上
- 26. 如何將ASCII和BINARY數據同時寫入同一個文件
- 27. 如何在添加div標籤時將文本全部放在同一行上?
- 28. 如何設置一個文本塊同時放入一個新行?
- 29. 如何將元素居中在div中,同時保持與另一個元素處於同一水平面上?
- 30. 垂直對齊img大於div的不同div大小img大小
您可以想要顯示你已有的東西(HTML和CSS)。 –