如何在bootstrap中居中对齐缩略图

文章/答案/技术大牛

发布

1回答

Twitter bootstrap:居中缩略图

css、twitter-bootstrap

我有一个缩略图的列表。它们有固定的大小。我希望缩略图的数量随窗口的宽度而变化。使用Twitter Bootstrap很容易做到：我想知道是否有可能缩略图居中，所以左边和右边的间隙总是保持不变…

浏览 1提问于2012-06-20得票数 3

回答已采纳

5回答

缩略图居中水平对齐

css、twitter-bootstrap、thumbnails、alignment

下面是我在带有twitter-bootstrap的html中使用的代码。我试图将输出居中对齐，但无论我做什么，图像都是左对齐的。

浏览 1提问于2012-04-11得票数 5

回答已采纳

0回答

html、css、twitter-bootstrap

我正在使用bootstrap和angular.js创建一个小网站，并坚持缩略图对齐。我有三个缩略图，我想让它们居中对齐。我尝试了这么多css属性，但都没有成功。

浏览 1提问于2016-07-13得票数 1

1回答

如何在bootstrap 4中居中对齐分页？

html、css、twitter-bootstrap、bootstrap-4

如何在bootstrap 4中居中对齐分页？我放置了代码，分页一直按在左边，但它需要居中。我对父元素应用了类text-center，它也没有帮助，虽然文本对齐了，但由于某些原因，它不能与分页一起工作。<div class="text-center"></div>

浏览 15提问于2020-09-30得票数 0

2回答

使缩略图成为Bootstrap中的链接取消居中

html、css、twitter-bootstrap

我正在做Bootstrap中的一个设计，当我试图让一个通常居中的缩略图可点击时，它会向左对齐。我不知道CSS是从哪里来的，导致了它。它可能是非常简单的东西，但由于某些原因，我没有看到它。

浏览 1提问于2012-08-31得票数 2

回答已采纳

6回答

用户界面问题。我正在构建一个音乐专辑搜索引擎

search、user-interface

将有一个缩略图作为左边的浮动，后面的标题和描述作为左边的浮动。你能把结果和页面的左边对齐吗？或者在页面的中间？传统的搜索引擎向左对齐，但与“音乐/媒体”相关的网站，如Youtube，似乎居中对齐。请给出你的理由和细节。谢谢!

浏览 2提问于2009-10-22得票数 2

回答已采纳

2回答

响应式容器中的缩略图网格居中

html、css

我已经动态生成缩略图，这些缩略图将插入到流体宽度的容器中。缩略图的宽度/高度设置为150px，边距为5px。我希望瓦片在容器内水平居中，但我希望每个瓦片在彼此下方对齐以形成网格。我已经编写了以下代码，但我无法使缩略图在容器内居中。如果我删除float:left;，缩略图将居中，但缩略图不再彼此对齐以形成网格。我如何修改CSS来实现缩略图的网格，这些<em

浏览 1提问于2016-02-04得票数 0

2回答

网页的菜单布局

html、css

我正在为ECDL课程创建一个网页，我以为我会设置几十个五角框的菜单。对于页面上的职位，没有任何问题。问题是，当我进入文本，我设置一定大小的框，我希望文本为中心，谁能解释使用的代码语法吗？这是问题的屏幕：

浏览 9提问于2017-05-27得票数 0

回答已采纳

3回答

Bootstrap中的文本对齐

html、css、twitter-bootstrap

我正在开发一个bootstrap风格的网站，我有文本需要居中。我已经使用center align将它在水平维度居中，但我不知道如何在行中垂直居中。</p>“align=”center“”负责水平对齐，但我不知道如何将文本放在行的绝对中心。

浏览 5提问于2014-05-02得票数 2

2回答

我正在显示的SplitViewController文件的细节与缩略图在PDFThumbnailView中，如这里所示。PDFThumbnailView的背景为绿色。我的问题是，第一页缩略图似乎是中心的PDFThumbnailView和较长的PDF文件运行在右边。我希望缩略图在视图中左对齐，或者居中在pdf文档的中间页面。由于某些原因，在PDF文档之间切换了几次后，缩略图正确地调整了自己，尽管问题在重新运行应用程序时再次出现。

浏览 1提问于2018-08-09得票数 2

2回答

在引导程序面板中定位组件-标题

html、css、twitter-bootstrap

使用bootstrap，如何在面板标题中水平对齐组件？为了使: title :左对齐，btn1 :居中，btn2 :右对齐。</div> text </div>我尝试创建一个bootstrap类"

浏览 1提问于2015-03-06得票数 12

回答已采纳

1回答

在引导中垂直居中对齐列

css、twitter-bootstrap、flexbox、vertical-alignment

我尝试了十几种方法在bootstrap中垂直居中对齐列，但都不起作用。我的问题是我不知道列的高度。我可以使用flexbox吗？它嵌入在Bootstrap 3中了吗？

浏览 2提问于2016-02-12得票数 3

回答已采纳

1回答

在Bootstrap 4导航栏中使用自定义图标作为按钮

twitter-bootstrap

我想在Bootstrap 4导航栏上放置一些自定义图标按钮。class="png-icon d-inline-block align-middle" src="assets/png-icons/zoom full.png">该按钮显示在导航栏上，但它在顶部对齐我想让它居中对齐(垂直)。我尝试了所有类型的CSS样式，如页边距-顶部和填充-顶部，但它没有改变任何东西。我也试过使用“d-inline-block

浏览 18提问于2017-06-28得票数 0

回答已采纳

2回答

需要在css图片库中更正

css

在下一页的图片库中，如何将图片库的缩略图居中对齐？我尝试了所有的方法，包括对齐表格和tds too...need的帮助很糟糕。

浏览 0提问于2012-07-27得票数 0

1回答

在响应式网页设计中，除了最后一行的缩略图之外，我如何将所有缩略图都居中？

html、css、responsive-design、alignment、text-align

在这个小提琴中： 缩略图在页面中居中，而不考虑页面宽度，这是我想要的，但缩略图的最后一行(不完整)也居中，这是我不想要的。我希望最后一行与其他行左对齐，右侧留有空格。最后一行与其他行左对齐，右边留有空格，这是我想要的，但根据窗口宽度，整批缩略图的中心偏左一点，这是我不想要的。那么，我如何简单地让整批缩略图完全居中</

浏览 2提问于2014-10-15得票数 1

1回答

Bootstrap缩略图和标题类的响应式CSS

css、ruby-on-rails、twitter-bootstrap

我正在使用Rails、Bootstrap和Imagemagick开发一个marketplace应用。下面是我使用bootstrap类得到的截图。我如何让标题一致和响应式地对齐-我希望每个产品的产品标题的第一行都在同一行中，缩略图框都是相同的大小，即图像在缩略图框的一部分居中，然后是下面的标题。

浏览 0提问于2014-08-26得票数 0

4回答

在div中居中对齐内容

css、twitter-bootstrap、center

如何在div中居中对齐这3个缩略图？我在网上和其他地方尝试了很多解决方案，但都没有成功。我不是Bootstrap、网页设计或CSS方面的专业人士，但这么简单的事情怎么会这么难？

浏览 1提问于2016-05-14得票数 1

1回答

内联CSS工作...外部CSS不适用于: Text-Align: Center，位于twitter引导程序按钮上

css、button、twitter-bootstrap、stylesheet、centering

我已经将twitter bootstrap按钮的样式设置为在缩略图中居中，当CSS是内联(页眉或正文)时，它可以完美地工作，但在将样式移动到外部样式表之后，按钮是左对齐的。这是一个bootply，通过内联样式显示一个居中对齐的按钮：敬请指教！

浏览 1提问于2013-06-28得票数 1

回答已采纳

3回答

如何在动态div中垂直对齐按钮

html、css、twitter-bootstrap、user-interface、twitter-bootstrap-3

我想使用bootstrap在div中居中放置垂直对齐的按钮 <div class="col-xs-2"> </div> <h4> {{rootNode.nodeName}}<&

浏览 1提问于2013-10-29得票数 13

1回答

使砖石项目在列中居中

css、masonry

我希望在我的布局中有一些比其他缩略图更小的缩略图。目前图像对齐到左侧，但我希望它们在列中居中。如何在列的中心居中放置较小的图像？

浏览 3提问于2016-04-13得票数 0

点击加载更多

Twitter bootstrap:居中缩略图

缩略图居中水平对齐