我需要在我的頁面上浮現一些文字,如附圖所示。我想不要使用JavaScript。在純CSS中可以做到這一點嗎?圍繞非矩形對象浮動文字
2
A
回答
2
使用CSS的形狀,如果你不是太擔心與舊版瀏覽器的兼容性。
.element{
shape-outside: url(image.png);
shape-image-threshold: 0.5;
float: left;
}
http://www.html5rocks.com/en/tutorials/shapes/getting-started/
1
可能會在padding
屬性是什麼意思?
.container {
background: url('someimage.png') no-repeat left bottom;
border: 1px solid #111;
color: #666;
font: 9pt/14pt 'consolas';
padding: 40px 12px 12px 40px;
}
<div class="container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
哦......我不知道你的意思是文本彎腰形象!對不起,請參閱evilunix的答案,因爲我不想複製別人的解決方案。
相關問題
- 1. 圍繞着浮動環繞文字
- 2. 圍繞圖形對象移動符號
- 3. 圍繞浮動環繞非文本元素
- 4. 圍繞畫布移動一個矩形
- 5. 旋轉矩形圍繞SVG
- 6. HTML5 canvas:圍繞文本繪製矩形?
- 7. 計算圍繞3D對象的2D矩形
- 8. TCPDF圍繞對象環繞文本
- 9. 圍繞與浮動李
- 10. win32 - 如何圍繞文本字符串繪製矩形?
- 11. 圍繞文字放置一個矩形邊框
- 12. 圍繞浮動div包圍全寬div
- 13. 圍繞位圖創建矩形
- 14. java的旋轉矩形圍繞中心
- 15. 圍繞某個點旋轉矩形
- 16. 圍繞中心旋轉矩形
- 17. 圍繞圖像繪製一個矩形
- 18. 旋轉矩形圍繞柔性軸
- 19. 旋轉矩形圍繞其左上角
- 20. 圍繞兩個矩形繪製PolygonHotSpot?
- 21. 禁用文字環繞周圍浮動圖像
- 22. 如何在浮動圖像周圍環繞文字
- 23. 圍繞文字環繞HTML
- 24. 在Qt中圍繞QWidget拖動對象
- 25. HTML CSS圍繞文本漂浮圖像不圍繞圖像
- 26. 圍繞相對位置div div圍繞文字
- 27. 流體浮動div與文字環繞
- 28. 保持文字環繞浮動圖像
- 29. CSS:DIV文字環繞浮動的div
- 30. 浮動下一個div圍繞
CSS3有一些[動畫]功能(http://www.w3schools.com/css/css3_animations.asp),但舊版瀏覽器將無法執行它。查看可用性up [here](http://caniuse.com/) – Xyv