Html css卡片对齐方式

文章/答案/技术大牛

发布

3回答

html、css

我需要在卡片的右边显示图像，我该怎么做？

浏览 31提问于2019-06-19得票数 0

回答已采纳

2回答

为什么我需要应用flexbox两次才能让它工作？

html、css、flexbox

所以基本上，我只用HTML和CSS做了一个非常简单的网站。我有这3张卡片，它们都有自己的<a>父元素，因为我希望无论你在卡片的什么地方点击它们，它们都是可点击的。然后，所有这些元素都包装在一个名为cards的div标记中在添加元素上的锚标签之前，我只在CSS文件中的cards类上使用flexbox将所有卡片居中。</p> </a>

浏览 22提问于2020-07-27得票数 3

回答已采纳

3回答

我正在尝试将图像和一些文本对齐。如果你参考下面的代码，将有和图像和一些文本(名称和年龄)，我希望他们两个是相邻的。我确实尝试了float: left，但仍然没有成功。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d

浏览 0提问于2010-01-18得票数 0

回答已采纳

3回答

html css对齐方式

html、css、alignment

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="

浏览 5提问于2010-01-19得票数 0

回答已采纳

1回答

引导4-多行卡无法正确响应

html、css、bootstrap-4

我试图使我的卡片行响应与一些空白，但当我应用margin:5px;到我的卡，行溢出。它们没有在中心正确地对齐。牌的右边还有一些空位。我怎样才能使它们在中心正确地对齐？下面是我的HTML和CSS：

浏览 3提问于2017-02-15得票数 1

回答已采纳

1回答

在Vuetify中创建一个响应式卡片网格

vue.js、vuetify.js、responsive、css-grid、card

我正在尝试在Vuetify中创建一个带有卡片的响应式网格。另外，最后一行必须向左对齐，如下图所示。我尝试了很多东西，但我想使用最小宽度和最大宽度，这样在大多数情况下，卡片之间的间隙将是相同的。它应该看起来像这样： ? 这是我的codepen。

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

回答已采纳

4回答

HTML CSS横幅对齐方式

html、css

我已经发布了我的CSS和HTML代码。我还发布了结果的照片。id="bannerImg" src="http://www.placehold.it/100x100"> <span>The Big 3 - HTML, CSS, JavaScript</span> <p

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

1回答

Bootstrap 4卡图像不对齐

html、css、twitter-bootstrap、image

而不是实际对齐。<div class = "services"> <img src="img/html.png" class="card-img-top"alt="HTML"> <img s

浏览 0提问于2019-08-04得票数 0

4回答

HTML\ CSS图像对齐方式

html、css

我在使用HTML中的以下代码使我的图像正确对齐时遇到问题： <p style="clear: both;&qu

浏览 0提问于2014-11-25得票数 0

4回答

css、html、图像对齐方式

html、css

我有6张图片，需要将它们对齐为：我该怎么做呢？我不能正确地做这件事。

浏览 1提问于2011-02-28得票数 1

2回答

HTML/CSS div对齐方式

html、css

当调整大小时，我需要div的顺序改变，以移动两个标志彼此相邻的50%宽度的每个和第三个div (标题) 100%宽度以下。有谁能告诉我哪里出错了吗？.logo1 { float: left;} width: 50%; top: 0px; width: 100%;} <div class="logo1"> <img src="Pic

浏览 1提问于2017-11-21得票数 0

3回答

html css图像对齐方式

javascript、html、css

我有一个关于CSS图像对齐的问题。例如，我创建了一个css类，如下所示： background: url("images/image1.gif") scroll right;下面是标记 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR&

浏览 0提问于2010-05-06得票数 0

回答已采纳

1回答

HTML/CSS图像对齐方式

css、html

现在，另一个对齐到尽可能多的居中，我希望他们尽可能多地靠近边界(左和右)。我尝试了许多组合，但没有一个是幸运的。你们能给我指点一下吗？谢谢

浏览 0提问于2013-03-22得票数 0

回答已采纳

3回答

CSS/HTML Div对齐方式

html、css

我试图将一个div与另一个div (父/子)的底部对齐，但我似乎找不到答案。我想要做的是将具有日期以及编辑/删除链接的文本对齐到“气泡”的底部。

浏览 1提问于2011-06-10得票数 0

回答已采纳

1回答

资料界面-如何对齐标题，图像和描述在每一行？

reactjs、material-ui

在我的反应应用程序中，我试图对每张卡片的标题、图像和描述进行排列。以下是当前显示的方式：卡内的每个孩子都没有正确地对齐。是我的代码的链接。下面是我希望它显示的方式：如何对齐每张卡片的内容？

浏览 4提问于2022-08-09得票数 0

1回答

如何将此公告选项卡移向右侧？

html、css、bootswatch

我试着用文本对齐通知(h2)和下面的文本(p)，但是它只向右倾斜，而不是在主卡标题的另一边。我在这里使用了bootswatch，所以我认为这是造成问题的原因，谢谢您提前给出的答案。

浏览 7提问于2022-05-08得票数 1

1回答

禁止在HTML-Filter中使用"justify“

html、plone、filtering

这些文本有时会对齐为“对齐”，而我不希望在网站上允许对齐的文本块(因为它看起来很丑陋)。在Plone控制中心的"HTML过滤器设置“下，似乎不可能禁止特定的html属性设置--可以允许匹配和标记属性。我想在允许元素与<xxx align="right">右对齐的同时禁止所有<xxx align="justify">。有没有办法在Plone中根据属性值进行HTML过滤？

浏览 2提问于2013-02-02得票数 2

3回答

如何在CSS中响应式地在网站上居中卡片？

html、css

所以我正在建立我的编码日志网站(在学习如何编码的第15天，所以现在只做HTML和CSS)。.main { displ

浏览 0提问于2020-07-05得票数 0

1回答

当第一个卡头有断字而第二个卡头没有断字时，如何对齐bootstrap-4卡

html、css、bootstrap-4

我为我的图库使用了类卡片，但是一个卡头有一个‘空白’设置，所以它打破了单词，而另一个卡头没有包含‘空白’。这只会在笔记本电脑屏幕上发生。在手机等屏幕上都能正常工作，在桌面上也能正常工作。我尝试过使用CSS3 it's media query，或者将卡片的底部边距设置为0，希望将其对齐到行的底部，但不幸的是，到目前为止还没有任何帮助。我在StackOverflow上寻找了一个相关的问题，我所能找到的就是人们在对齐卡片主体内部的元素时遇到了问题，但我希望卡片类<e

浏览 13提问于2019-04-24得票数 0

1回答

NG-ZORRO nz-card体内对齐

css、angular、ng-zorro-antd

我正在尝试对齐卡片主体内的样式操作按钮，但没有成功。我希望卡片的高度是相同的，所以从视觉上看，所有are的底部边框是垂直对齐的。按钮位于每张卡片的底部。示例位于：https://stackblitz.com/edit/angular-py7awb 希望使用泛型是一种标准的方式，可以用作最佳实践。 ? ?

浏览 123提问于2019-10-16得票数 2

点击加载更多