Question

因此，我一直尝试将图像和文本对齐到中心，并且它们始终出现在屏幕左侧，有人可以提供帮助。

<div class="container">
  <div class="col-md-6 col-sm-6 hidden-xs">
    <div class="row">
      <p class="borderexample3">
        <font color="white" class=>&nbsp;Recent News</font>
      </p>
    </div>
    <h1><font color="white"><font face="roboto-bold,roboto,sans-serif"<h1 align="right">Keep Updated!</font></h1>
    <div style="text-align: center"><img src="assets/img/fwah.jpg" /></div>
  </div>
</div>

这就是显示的内容。

http://prntscr.com/kgc5c2

我想在这张图片上我的红色指南所在的地方。

http://prntscr.com/kgc5tn

Answer 1

尝试使用@Converter推送您的列。

col-sm-push-#

Answer 2

尝试

<div class="container" align="center">

Answer 3

我想您必须在要使其居中的位置添加以下行：

 style="text-align:center;"

<div class="container">
  <div class="col-md-6 col-sm-6 hidden-xs">
    <div class="row">
      <p class="borderexample3" style="text-align:center;">
        <font color="black" class="">&nbsp;Recent News</font>
      </p>
    </div>
    <h1 style="text-align:center;"><font color="black"><font face="roboto-bold,roboto,sans-serif"<h1 align="right">Keep Updated!</font></h1>
    <div style="text-align: center"><img src="assets/img/fwah.jpg" /></div>
  </div>
</div>

卡住尝试对齐HTML CSS

3 个答案: