内联TD标签的TD标签

时间:2016-04-20 06:32:45

标签: javascript html css

我对编码有点新意。我在我的表中制作了一些TD标签,现在我需要它们以浏览器分辨率620px内联。我知道桌子是20世纪90年代的,但我认为这在我计划如何编码布局时对我来说最有意义。以下是相关网页的链接:

Click here

如果将浏览器缩小到620px,所有表都向左浮动,这很好,但是我需要每个其他TD标签向右移动。我已经尝试减少整个表的宽度,但这没有用。我试过减少.container类,这只会让事情变得更糟。 display-inline-table组合也不能很好地工作。

如果您想在plainview中查看代码,请输入CodePen链接: Click here

以下是典型的TD标签:

<td style="background: url('images/blog/image1.png') no-repeat; background-size: cover; " class="tablebox">
<div class="blogbackground">
<div class="blogheader">
<span class="title">Side project - Lineup app case study</span class="title">
</div>
<!-- end of blogheader -->
<div class="date">
Nov 20, 2016
</div>
<!-- end of date -->
</div>
<!-- end of blogbackground -->
</td>

任何帮助都将 super 赞赏。

非常感谢大家。

此致

托德

0 个答案:

没有答案