我知道margin auto。但是,这对我不起作用。
我试图将(可能很长的)文本行放在(相对较窄的)图像上。如果文本比图像长,它应该从两端的结果框中溢出,因此整个复合体只有图像宽。
标记是这样的:
<div class="bb">
<a href="blahblah">
<b>CaptionAbove</b>
<img src="blah.png"/>
</a>
<b>below</b>
</div>
.bb
是一个内联块,所以这些bb会连续水平弹出。 CaptionAbove可能比img宽,但不应该让邻居散开!元素a和b是display:block,所以这里的所有东西都是垂直堆叠的。
如果我给&lt; b&gt;指定的宽度,如1em,因此它不会增长以包围文本,然后文本的溢出仅在右侧,并且人造框在封闭的&lt; a&gt;内向左齐平。块。
我喜欢将img和标题组合在一起的标记,并且表格不仅会丢失,而且会知道垂直堆栈是一个项目的鼠标悬停效果。
欢迎任何建议。