Html 如何降低电池的高度?
我试图通过使用下面的CSS来降低表格单元格的高度,但它不起作用Html 如何降低电池的高度?,html,css,Html,Css,我试图通过使用下面的CSS来降低表格单元格的高度,但它不起作用 .table tr>td.vert-align{ vertical-align: middle; height: 5px; padding: 10px 0 10px 0; border-bottom: 1px solid #eaebec; } 这是我的HTML代码: <td class="vert-align"> {% if post.url %} <h4>&l
.table tr>td.vert-align{
vertical-align: middle;
height: 5px;
padding: 10px 0 10px 0;
border-bottom: 1px solid #eaebec;
}
这是我的HTML代码:
<td class="vert-align">
{% if post.url %}
<h4><a href="{{ post.url }}" style="margin-left: 15px;"> <img src="{{post.image}}" height="70" width="70"/>
{{ post.title }}</a><span style="margin-left: 15px;" class="domain">
({{ post.domain }})</span></h4>
{% else %}
<h4><a href="{% url 'post' post.slug %}" style="margin-left: 15px;">{{ post.title }}</a><span style="margin-left: 15px; "class="domain">({{ post.domain }})</span></h4>
{% endif %}
<ol class="post-info">
<div class="btn-group btn-breadcrumb">
<span class="btn btn-default">{{ post.moderator.username }</span>
<span class="btn btn-default">{{ post.pub_date | date }}</span>
<span class="btn btn-default">{{post.views}}</span>
<a href="{% url 'post' post.slug %}" class="btn btn-default">discuss</a>
<a href="{{ c.get_absolute_url }}" class="btn btn-default">{{post.category}}</a>
</div>
</ol>
</td>
{%if post.url%}
({post.domain}})
{%else%}
({post.domain}})
{%endif%}
{{post.moderator.username}
{{post.pub_date}
{{post.views}
我试图在一行中显示标题/图像/域名,使其与表格非常吻合,但现在表格的高度太长,看起来很奇怪。我尝试了高度:5px,但它不起作用我认为在代码中表格没有任何用处,但问题可能是由于您使用了“.table”选择器而不是“table”选择器造成的。
点表示类名,没有点表示html标记。请看一看,如果这不是答案,请发布整个html代码以更好地查看它。您已经为您的
td
创建了类,因此直接在选择器中使用它
.vert-align{
vertical-align: middle;
height: 5px;
padding: 10px 0 10px 0;
border-bottom: 1px solid #eaebec;
}
更新:
降低
td
内图像的高度,以降低单元格的高度。任何帮助都将被感激您的定位错误。。如果您将表格的高度作为目标。您应该像.table{height:10px;}
那样进行操作。当前.table tr>td.vert-align{
意味着任何具有垂直对齐类的列都将具有5px的高度现在TD的高度是多少?看起来TD中的内容正在强制进行高度更改。@DrixsonOseña,对不起,我应该更清楚一些。我的意思是降低表中单元格的高度。如果您看到这里,该行将空格向右分割?我使用的是table要做到这一点,我希望牢房的高度decreased@Lowkase,有解决方案吗?我放了.table,因为我有,我试过table{}和.vert align,但我看到它们都不起作用。那么你能发布整个HTML吗?或者至少发布完整的表格我很抱歉,我应该更清楚。我的意思是减少表格中单元格的高度。如果你看到这里,imgur.com/PLCbq7P,该行将空间向右分割?我正在使用表格来实现这一点,我希望单元格高度降低到整个ta的水平ble是巨大的,我会把它贴在Fiddle上,我不知道把我的整个表格贴在哪里,所以我在这里贴了这也不起作用,这就是我的目的:试图降低表格中单元格的高度在不改变图像大小的情况下降低单元格高度的方法?这是因为我在html中声明了图像的样式吗?感谢你的帮助,如果我删除定义的样式并使用css…图像会变得巨大…我一定是错误地定义了css。而改变图像的高度也不会改变单元格的高度…如果我没有定义的话css中的图像样式正确,单元格的高度应该降低?@lip123809是的,高度将降低,然后您可以通过您定义的css代码控制单元格的高度。