CSS水平居中的另一个问题

时间:2011-03-14 01:31:10

标签: css overflow center

我知道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和标题组合在一起的标记,并且表格不仅会丢失,而且会知道垂直堆栈是一个项目的鼠标悬停效果。

欢迎任何建议。

1 个答案:

答案 0 :(得分:0)

这是怎么回事?

http://jsfiddle.net/UvbQJ/1/