我试图将图像置于 div 的中心。 div 包含一个 img 元素和一个 h3 元素。 这是来自 JSFiddle 的代码:
http://jsfiddle.net/johngoche99/jvkG4/6/
img { text-align: center; }
div { width: 400px; background: yellow; }
<div>
<image alt="Hello" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSpxx-IcjRJjDCKXZ6y4eMcUkShjBB_U_Y8OOy8nRR_qT9-ZgG24A" />
<h3>Hello World Hello World Hello World</h1>
<div>
谢谢。
最佳答案
try this
div { width: 400px; background: yellow; text-align: center; }
img { }
<div>
<image alt="Hello" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSpxx-IcjRJjDCKXZ6y4eMcUkShjBB_U_Y8OOy8nRR_qT9-ZgG24A" />
<h3>Hello World Hello World Hello World</h1>
</div>
关于html - CSS:在div中居中/对齐图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17236178/