请查看“关于我们”和“与我们联系”页面here。
我在让DIV容器正确对齐方面遇到了一些困难。我从来没有使用过DIV容器 - 上次我创建了一个基于桌子的网站并使用了Golive!
无论如何,问题应该是相当明显的 - 我想在左边有一个250x250的图像,图像右边的文字在它下面包裹着(x3)。整个批次应位于页面中间,最大宽度为1170像素。我无法解决它出错的地方。
同样在“联系我们”页面上,我的3个DIV容器垂直对齐,而不是在屏幕上对齐,每个容器占33%。所有在Dreamweaver实时视图中看起来都很棒,但在上传后无法在Chrome中使用。
我打赌这很简单,但我真的不知道!如果有人能指出我正确的方向,我将非常感激。
答案 0 :(得分:1)
问题出现在下面的HTML行
中对应航空&汽车强>
<div class="col-xs-6 col-sm-6 col-md-3 templatemo_col12 templatemo_margintop10">
使用此
替换整个div<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3 templatemo_col12 templatemo_margintop10">
<div class="item project-post">
<div class="templatemo_about_box">
<div class="square_coner">
<span class="texts-a"><i class="fa fa-paper-plane"></i></span>
</div>
Aviation & Automotive
</div>
<a href="about-us.html"></a><div class="col-xs-6 col-sm-6 col-md-3 hover-box">
<a href="about-us.html"></a>
<div class="inner-hover-box">
<p>Repairs, maintenance and add-ons. We specialise in one-off projects.</p>
</div>
</div>
</div>
</div>
</div>