Question

注意侧栏上的顶部彩色表格显示生活方式。

文本不会垂直对齐到中间，而且表格不会缩短。

它基本上是Joomla中使用Gantry和K2的自定义html模块，我将一些PHP放入（使用Sourcerer），因此它根据颜色数组选择它的表bg颜色。简单吧？

必须要有一些余量，填充，某些地方，我找不到它。有什么想法吗？

Answer 1

~~说实话，我不知道为什么会这样，但这似乎解决了这个问题......~~

~~替换以下内容：~~

<div class="titlebars">
    <font color="#FFFFFF">LIFESTYLE</font>
</div>

<德尔>使用：

<span class="titlebars">
    <font color="#FFFFFF">LIFESTYLE</font>
</span>

修改

问题是<br>之后的<div>标记：

<td style="vertical-align: middle; width: 100%; line-height: normal; margin: 0px 0px 0px; padding: 0px; cellpadding=0 cellspacing=0"> <div class="titlebars"> <font color="#FFFFFF">LIFESTYLE</font> </div> <br> <----- THIS IS THE PROBLEM </td>

删除它，单元格就像你想要的那样。

Answer 2

只需将.titlebars div声明为display:inline-block，添加一些填充以填充该标题，您应该全部设置：

<强> CSS

.titlebars {
    display: inline-block;
    font-size: 30px;
    font-weight: 800;
    margin: 0;
    padding: 5px 0;
}

另外，<font>代码？我相信它们已被弃用，因此您可以使用p代码并设置样式。

简单的表格不会大小

2 个答案: