当前位置: 首页 > 知识库问答 >
问题:

使用引导将两个图像居中对齐

仇飞鹏
2023-03-14

我正试图在页面中央对齐两幅有响应的图像。

我在用电脑。容器类,但仍然是向右的。

共有1个答案

梁丘扬
2023-03-14

bootstrap中的容器类提供了左边距:%s和右边距-,所以页面看起来很漂亮,您需要使用流体网格系统使其响应例如,

  `<div class="container">
    <div class="col-sm-12 ">
        <div class="col-sm-6"><img  style="text-align:center" src=""/></div>
        <div class="col-sm-6"><img style="text-align:center" src=""/></div>
    </div>
   </div>`
 类似资料:
  • 问题内容: 我试图将两个图像并排居中,但由于某种原因,它始终将图像显示在彼此下方。有谁知道我如何才能使他们居中并排在一起? 谢谢! HTML代码 CSS代码 问题答案: 尝试改变 至 HTML

  • 我有以下代码将图像放在比图像大小更宽的表格单元格中心。我使用了文本中心和对齐中产阶级,但没有任何效果。图像仍然在单元格的左侧。我是引导新手,所以不知道任何其他技术。

  • 我正在以列表格式显示文本和图像,但我不能让它们完美地排列在中间,在一条直线上,我错过了什么 下面是我的布局代码

  • 问题内容: 我想居中背景图像。没有使用div,这是CSS样式: 上面的CSS会全部平铺并将其居中,但是看不到一半的图像,只是向上移动了一点。我想做的就是将图像居中。我可以在21英寸的屏幕上观看图像吗? 问题答案: background-image: url(path-to-file/img.jpg); background-repeat:no-repeat; background-position

  • 我正在使用引导旋转木马,并试图在其中保持一个图像,以保持居中,当窗口被重新调整大小(特别是。 原始图像为1600 x 600。在大多数情况下,我希望它能填满整个页面。但是,当它缩小到移动(或类似iPad)的尺寸时,我希望它的最小尺寸为800 x 300,并在旋转木马中居中。 我尝试了以下方法,但有两件事发生了: > 图像没有居中。它保持向左对齐,向右收割。 图像奇怪地在转换之间“跳跃”。就在转换发

  • 在这个页面上,有一些员工的照片。 在肖像模式的iPad上,员工照片在右手边被切断。 我不介意他们被切断,但我希望他们对齐中心,而不是左对齐。 注意,我希望图像的尺寸是相同的,只是对齐向左移动,变成中心,这样脸就显示在图像边界的中间。 我尝试了以下解决这个问题的方法: 和 和 但这些都不起作用。