我在我的css文件中有一些标题布局,如h1和h2。有时我需要一个简单的标题,例如:<h1>Most readed</h1>
,有时我需要将图像添加到标题的开头,例如:。我如何使用课程来做到这一点,如<h1 class="with_image_1">
?使用css将内联图像添加到标题
0
A
回答
2
这样做是设置图像作为background-image
并添加填充到文本迁出的方式,所以假设你的形象的最好办法是50像素宽:
.with_image_1 {
background: url("/path/to/image.png") left no-repeat transparent;
padding-left: 50px;
}
然后,您可以乱用填充和图像放置得到一切一字排开很好
0
你只是在你的CSS使用背景图片:
.with_image_1 {background-image: url(some/image/path.png);
width:100px; height:100px;}
游马Ÿ想太多别的移动文本就会显示在您的闪亮图像的顶部...要做到这一点放在h1标签中的文本的跨度,然后转向跨度关闭屏幕:
<h1 class="with_image_1"><span>Title</span></h1>
.with_image_1 span {position:relative; left:-2000px;}
+0
我认为他的意思是在文本的一侧添加图片,而不是一起替换标题 –
相关问题
- 1. 可能使用css伪内容添加图像标题?
- 2. 将URL添加到Photoswipe图像标题
- 3. 使用slidingify将图像添加到标题幻灯片
- 4. 如何使用SyndicationFeed将标题图像添加到RSS?
- 5. 使用css添加图像
- 6. 试图将内联UIDatePicker添加到UITableViewCell
- 7. 图标和文本内联CSS问题
- 8. 使用CSS添加彩色边线到标题使用CSS
- 9. JavaFX添加图像到TitledPane css的标题只
- 10. 添加图像到表单标题
- 11. 将背景图像添加到木星4 WordPress主题标题
- 12. GridView的CSS问题。如何将CSS添加到标题tr
- 13. 使用openxml将标题添加到docx
- 14. 您可以使用CSS将图像添加到HTML元素吗?
- 15. 使用html,css和bootstrap将图像添加到主页
- 16. 如何使用css将图像添加到透明框中
- 17. 使用CSS将文本添加到背景图像
- 18. 用FreeImage将图像添加到图像
- 19. 在magento中通过内联css添加图像
- 20. APEX_MAIL将图像添加到内容
- 21. UITableView为图像图标添加标题
- 22. 内容处置:内联标题不会显示图像内联?
- 23. 使用Sandcastle将图像添加到Welcome.aml
- 24. 使用cezpdf将图像添加到pdf
- 25. 将标签添加到图像NodeJS ImageMagick
- 26. 将随机图像添加到标签
- 27. LWUIT:将GIF图像添加到标签
- 28. 使用css/html将svg图标添加到按钮中?
- 29. 添加多个内联图像跨度
- 30. 如何将图像和标题添加到表视图的标题IOS
“大多数“Readed”应该可以说是“Most Read” – Wex