使用flexbox创建方形项目的响应列
是一种利用CSS的flexbox布局技术来实现的方法。Flexbox是一种用于创建灵活的、自适应的布局的CSS模块，它可以帮助开发者轻松地实现各种布局需求。
在使用flexbox创建方形项目的响应列时，可以按照以下步骤进行操作：
- 创建HTML结构：首先，需要创建一个包含方形项目的父容器，并为每个方形项目创建一个子容器。例如：
<div class="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>- 设置flexbox布局：在CSS中，为父容器设置display属性为flex，这样就可以启用flexbox布局。同时，可以设置其他相关的flexbox属性来控制项目的布局方式。例如：
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}上述代码中，flex-wrap属性设置为wrap表示当项目超出容器宽度时自动换行，justify-content属性设置为space-between表示项目在主轴上均匀分布，两端对齐。
- 设置方形项目样式：为每个方形项目设置相应的样式，使其呈现为方形。可以使用padding或者固定宽高的方式来实现。例如：
.item {
width: 200px;
height: 200px;
background-color: #ccc;
margin-bottom: 20px;
}上述代码中，设置了方形项目的宽度和高度为200px，并设置了背景颜色和底部边距。
通过以上步骤，就可以使用flexbox创建方形项目的响应列了。这种布局方式适用于需要展示方形项目的场景，例如图片展示、产品展示等。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品：云服务器（https://cloud.tencent.com/product/cvm）
- 腾讯云产品：云数据库MySQL版（https://cloud.tencent.com/product/cdb_mysql）
- 腾讯云产品：云存储COS（https://cloud.tencent.com/product/cos）
- 腾讯云产品：人工智能（https://cloud.tencent.com/product/ai）
- 腾讯云产品：物联网（https://cloud.tencent.com/product/iotexplorer）
- 腾讯云产品：移动开发（https://cloud.tencent.com/product/mobdev）
- 腾讯云产品：区块链（https://cloud.tencent.com/product/baas）
- 腾讯云产品：元宇宙（https://cloud.tencent.com/product/mu）
相关·内容
我想创建一个网格布局，其中每个项目都占用尽可能多的空间(减去填充)，但只要有列可用(之后，下一个项目将被插入到下一行，同时保持大小)。此外，每个项目都必须是正方形，并且是动态添加的。 包含10个项目的示例布局如下： ? 我试图通过设置权重、比率约束、覆盖onMeasure来实现这一点--但我就是不能让它工作。我对程序化或基于XML的解决方案都很满意(只要每一项都可以通过编程方式添加)。我更喜欢Kotlin的解决方案，但我也很喜欢基于Java的解决方案。 可能值得一提的是，网格布局中的每一项都是一个布局(目前为RelativeLayout)，以便通过编程轻松地对其进行膨胀和设置分层背景
浏览 44提问于2020-04-02得票数 0
我希望能够在搜索到的网格中显示项目，就像在Windows 8列表视图中一样。这些项目将是正方形(平铺)。
我可以通过在同一行上创建div来让它们像这样显示。
项目1项目2项目3
项目4项目5项目6
但我希望它们像这样显示
项目1项目3项目5
项目2项目4项目6
我想知道是否有人知道如何实现这一点。
浏览 0提问于2013-01-22得票数 0
回答已采纳
如果用户有iPad或iPhone，我想显示与正方形独立的相同网格，相应地增加正方形的大小。
我不想检测设备并根据屏幕大小更改方块的宽度和高度。可以只使用React Native的css flex功能吗？
这里是
浏览 1提问于2016-09-16得票数 1
1回答
问题：，我不能让Bootstrap的响应列具有相同的高度。
解决方案：堆栈溢出的我们-代码-同时等待服务将提供它。;)
设置：
我的问题是我使用的是引导响应列，如
<div class="row">
<div class="col-xxs-12 col-xs-6 col-sm-4 col-md-5ths col-lg-5ths">
...
</div>
<div class="col-xxs-12 col-xs-6 col-sm-4 col-md-5ths col-lg-
浏览 4提问于2015-10-28得票数 1
我使用flexbox在移动设备上居中放置包含google广告的div容器。我有两个容器，可以这样描述...
<div class='outer'>
<div id='ad-container'></div>
</div>
外部类具有以下CSS属性
align-items: center;
display: flex;
justify-content: center;
padding: 70px 0px;
min-height: 84vw;
通常，这样做很好，并且在ad-container id中填充的广告居中
浏览 1提问于2021-07-08得票数 0
我正在尝试创建一个网格布局，这样有5个等间距的列，6行，其中3行包含一个标题，标题下面的行名，这是一个充满项目的部分(认为250x250像素的正方形填充每个部分是我的目标)。
样式表看起来像(在sass中)：
.offerings-index-grid-wrapper
{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 25px auto 25px auto 25px auto;
max-width: 1
浏览 21提问于2020-05-07得票数 0
回答已采纳
2回答
使用这个css，我可以用黑色边框画一个小的彩色正方形：
.row {
display : flex;
justify-content: center;
align-items : center;
margin-bottom: 5px;
}
.box {
height: 20px;
width: 20px;
border: 1px solid black;
border-radius: 0;
margin-right : 5px;
}
/* Canada */
.canada {
background: #FF0000;
color: whit
浏览 5提问于2021-04-11得票数 0
1回答
我收集了一些div(卡片)。每一个都有一个标题，描述和图像(所有不同的长度/大小)。
我想在屏幕上显示这些“很好”。
所谓“很好”，我的意思是，我希望图像是一个缩略图-水平中心后的标题和描述。
更重要的是，我希望卡片(包含div)一个接一个地定位(水平，然后垂直)，没有任何大的垂直间隙。
示例：
我正在使用Bootstrap的响应列类(col-lg、col-md、col-sm)和img-responsive。我遇到的主要问题是巨大的垂直缺口。
这是我的。
任何CSS技巧，以实现布局类似于我上面的形象？(只在较小的显示器上使用较少的列)。
浏览 5提问于2016-05-27得票数 1
我仍然无法掌握flexbox的诀窍:| 我正在尝试创建一个5x5的正方形网格，我希望每个正方形都是50px x 50px，但我想不出来。html是基本的： #grid {
display: flex;
}
.grid-item {
flex: 1 0 17%;
height: 50px;
} <div id="grid">
<div class="grid-item">Something</div>
<div class="grid-item">Something<
浏览 25提问于2021-09-14得票数 0
回答已采纳
1回答
我在一个移动网站上有一个简单的正方形SVG艺术元素。如何在纵向模式下水平居中，然后垂直居中？无论朝向和Safari&Chrome友好，基本上都是完美的中心匹配？？
有关于垂直居中的抨击。有没有一种简单而有效的方法来实现这一点？
浏览 1提问于2017-07-13得票数 0
我试图使用FlexboxLayoutManager来布局方形形状的项目。但是，最后一行只有两个项，使它们对齐。这让事情看起来非常糟糕。我的密码在下面。有办法解决这个问题吗？
FlexboxLayoutManager layoutManager = new FlexboxLayoutManager(activity);
layoutManager.setFlexDirection(FlexDirection.ROW);
layoutManager.setJustifyContent(JustifyContent.SPACE_BETWEEN);
浏览 2提问于2021-02-23得票数 1
我有一个flexbox，它有两列，每列都有50%宽。 然后我想在右栏添加一个大的正方形图片，图片的高度应该由左栏的内容高度决定。(以后会在左栏插入更多内容) 但是height和max-height总是不能处理我在flexbox中的图像，这会导致右栏被拉伸。 CodeSandbox：https://codesandbox.io/s/modest-rgb-u7k3k 理想：Image link 1 Real：Image link 2
浏览 16提问于2020-07-03得票数 0
回答已采纳
我创建了两个自定义控件。第一个自定义控件将另一个控件作为多个控件。我希望在XML视图中使用它们，如下所示：
<foo:Foo>
<foo:FooItem>
</foo:FooItem>
<foo:FooItem>
</foo:FooItem>
</foo:Foo>
我创建了我的父自定义控件Foo，以创建保存我的子控件的FlexBox。
我的Foo元数据：
metadata:
{
properties:
{
"title": {type : &
浏览 3提问于2016-01-05得票数 0
回答已采纳
5回答
我想要创建一个网格布局与响应广场。
我觉得我应该能够在CSS网格布局中做到这一点，但是在将每个正方形的高度设置为等于宽度时有困难。
在每个正方形之间设置一个排水沟也有困难。
我用柔性箱会更好吗？
目前，我的HTML看起来像这样，但将是动态的，因此可能会添加更多的方块。当然，它需要响应，所以理想的情况是使用媒体查询将其折叠为一列。
<div class="square-container">
<div class="square">
<div class="content">
</di
浏览 13提问于2017-10-03得票数 57
回答已采纳
3回答
我有一个数据表，在<td>中有一个css正方形，我想要居中，但我不知道怎么做。 未对齐的正方形图像： ? 到目前为止，我已经尝试了： th.dt-center, td.dt-center { text-align: center; } columnDefs: [ { className: 'text-center', targets: '_all' }, ] 基于我在this SO question中看到的 我也试过了： <th style="text-align:center;"></th>
<
浏览 53提问于2021-11-12得票数 0
回答已采纳
我花了很多时间在这上面，但是没有成功。有人能帮上忙吗？ 问题:我有两个表；一个源数据和一个查找数据。我需要计算查找数据在主表的相应列中出现的次数。列名可以是任何名称，但它们在另一个表中总是有对应的。 在附加的示例中，第一个表中有四列(月份/形状/动物/矿物)，查找表中也有相同的列。查找表包含不属于相应列的项(即“三角形”不是一个月，“小猫”也不是一个形状)。 我正在尝试使用Power Query来计算每列中无效条目的数量。我在想"Group By“是可行的，但我还是被卡住了…… 输入数据-月份-形状-动物-矿物-一月正方形小狗金二月圆小猫石英正方形三角形十月琥珀圆小猫十月铅正方形小马
浏览 32提问于2021-08-10得票数 0
2回答
我有一个例子，当行中的一个元素调整大小时，元素被分组成行，这样它们的高度是相同的，但当屏幕变小时，我想调整列中的元素，但会稍微改变它们的顺序。问题是我不想为这个不同的布局创建单独的react组件。我这里有一幅画：
浏览 1提问于2017-03-30得票数 1
1回答
我正在尝试创建一个相册应用程序，但遇到了一些障碍。我想让每个图像占据div的相等部分，例如，如果有两个图像，每个图像占据div的50%，如果有三个图像，每个图像占据div的33.33%，等等。此外，有没有办法通过css将这些图像格式化为方形尺寸？
此外，我还有包含h2的照片库div和照片库内容div。目前，我正在硬编码照片库内容div的高度以适应父div，但是有没有办法让该div采用其父div的其余高度呢？
最终，我希望使用React动态渲染图片，因此任何有关这方面的建议/建议也会有很大帮助。
下面是我的代码：
#photos {
width: 634px;
height: 339
浏览 0提问于2018-07-22得票数 1
我想要使N输入框放置，以创建一个NxN输入区域广场。在每个N个方格放置后，我尝试使用<br>。但这不是我想要的结果。因为正方形之间有空格，这是我不想要的。另外，我认为使用<br>不是一个很好的方法。还有别的方法可以成功地制造这件事吗？
创建3x3正方形的My代码：
.box {
margin-right: 0px;
width: 30px;
height: 30px;
box-sizing: border-box;
}
<div>
<input class="box" type="text&#
浏览 2提问于2016-05-07得票数 2
回答已采纳
3回答
如何使每个正方形大小相同？
x-
我正在使用柔性盒创建网格布局。大多数网格单元格没有内容，有些网格单元格确实有内容。当一个单元格有内容时，它会抛出所有内容。如何确保所有单元格都是均匀的，而不管内容如何？
HTML
我有三排，每一排都有三个细胞。只有中间单元格的中行包含子单元格。
<div>
<div></div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div&g
浏览 0提问于2015-08-09得票数 30
回答已采纳
1回答
我正在寻找“间歇训练定时器”的替代方案:一个…的计数式计时器
当点击率达到零时响。
一直响到解散为止
有一个选项，自动重新启动时，达到零(但仍然继续响，如果它没有被驳回)。
最好是免费应用程序，但我也会使用付费应用程序
HIIT经常会响，会自动重新启动，并显示还有多少时间，但它并不要求我在它响起时将其排除在外。我在找类似的东西，但每次它响的时候都让我解散。
浏览 0提问于2016-04-08得票数 0
回答已采纳
我目前正在尝试创建一个侧边栏。我遇到的问题是，元素的容器“收缩到它的内容”。 我看过其他的解决方案，比如flex-grow，设置App.css html，body height为100%等等。但似乎什么都不起作用！ 在App.js中，App类呈现以下内容： return (
<Router>
<Navbar />
<Route path="/" exact component={Landing} />
<Route path="
浏览 15提问于2019-09-21得票数 1
回答已采纳
mavenCentral()不是在工作，而是jcenter()。当我使用mavenCentral()时，我得到了下面的错误消息，
Could not HEAD 'https://google.bintray.com/flexbox-layout/com/google/android/flexbox/2.0.1/flexbox-2.0.1.pom'. Received status code 403 from server: Forbidden
Disable Gradle 'offline mode' and sync project
以上使用jcenter()
浏览 0提问于2021-08-23得票数 6
回答已采纳
我试图把一些文本和一些按钮排成一行，我希望按钮在右边，文本在左边。
基本上，我创建了一个柔性盒，然后我给一些项目，右边的类和一些左边的。
html, body { width: 100%; }
.flexbox {
flex-direction: row;
width: 100%;
display: flex;
align-items: center;
}
.right {
align-self: flex-end;
}
.left {
align-self: flex-start;
}
<div class="flexbox
浏览 2提问于2019-07-23得票数 0
回答已采纳
HTML
<div id="flexbox-container">
<h1 id="test1">test1</h1><h1 id="test2">test2</h1><h1 id="test3">test3</h1>
</div>
CSS
#flexbox-container {
display:inline-flex;
}
#test1 {
float:left;
}
#test2
浏览 11提问于2022-03-15得票数 3
1回答
我创建了一个具有多个DataSets的报告。第一个数据集包含地址，第二个数据集包含电话和电子邮件等联系人数据。因此，一个地址可能包含多个联系人项目。但始终只有一个联系人项。我已经创建了一个矩阵，其中包含Adressdata。此矩阵中是另一个矩阵，它应列出所有联系人项目。在两个表中都有一个VaNr，它是地址的Id。
编辑:我试着解释更多细节:我有表地址，看起来像这样
如你所见，这里有一些简单的地址数据和VaNr。John doe可以有多个联系人数据：
所以在我的报告中应该列出无名氏有三个联系人。我将我的地址列表与VaNr分组。
我的地址的联系人列表已分组到VaNr：
浏览 21提问于2020-02-13得票数 0
回答已采纳
我有一个艺术家的表视图。点击后，我们将进入详细信息视图，其中应列出他们的所有专辑，发行年份和每张专辑中的歌曲数量。
我有一个要传递给详细视图的字典数组，其中包含所有这些信息。
显示此列表的最佳/最简单方法是什么？因为它是动态的，我应该遍历数组并创建标签(如果是，请给我举个例子)，还是最好在细节视图中创建另一个uitableview？
谢谢,
浏览 0提问于2012-10-18得票数 0
回答已采纳
2回答
我正在尝试用嵌套的容器创建一个简单的柔性盒布局。
当我有一个容器并使用全宽度+高度时，它工作得很好。
问题是嵌套容器也使用display: flex，但是嵌套容器不使用所有剩余的空间(只有当它们有定义的宽度/高度时才能工作)。
<div class="flexbox-parent">
<div class="flexbox-item header">
Header
</div>
<div class="flexbox-item fill-area content flexbox-item-grow&
浏览 6提问于2016-05-09得票数 4
回答已采纳
2回答
当我向maven项目添加依赖项时，我喜欢添加一些注释来指示它是什么，以及它是在什么许可下发布的，例如：
<!-- XML parser -->
<!-- Apache License, Version 2.0 -->
<dependency>
<groupId>xerces</groupId>
<artifactId>xercesImpl</artifactId>
<version>2.9.1</version>
浏览 1提问于2011-08-16得票数 3
回答已采纳
我想创建一个像附加的视图。有没有人能帮我指个方向？我想在kotlin/android中创建它。 ?
浏览 4提问于2021-01-31得票数 0
回答已采纳
1回答
如何在2栏中动态构建内容
、、、
我正在尝试将一些帖子内容动态地放在两栏中，但我找不到正确的方法，你能帮我一点忙吗？ 以下是我正在尝试做的事情 Expectation 我尝试过网格，但它创建了行，由于网格行的位置，它以间隙结束，我不能使用网格区域，因为这是动态内容，所以我不知道它们什么时候会变大或变小 Reality
浏览 14提问于2020-12-21得票数 0
回答已采纳
我已经创建了一个包含三个部分的网页。每个部分都由背景图像表示，占用100vh，以便始终适合屏幕的完整大小。您可以通过滚动或使用导航栏在这些窗格之间导航。
我不知道如何在这些部分中定位超过30个字符的内容。它要么“跳下”到下一部分，要么在页面上运行，而不考虑宽度设置。
简而言之，我正在尝试创建一个div，我可以在其中放置不同类型的内容(文本块、嵌入的视频/图像，它们将始终位于其父标记的中心。
我认为这个问题是由我定义我的部分的方式造成的。
.zone {
color: white;
height: 100vh;
line-height: 100vh;
text-align: center;
}
浏览 1提问于2018-02-14得票数 0
3回答
我已经使用display: grid创建了一个布局，我使用了旧的padding-top技巧来创建流体正方形div，但我想知道是否有更好的方法来做到这一点，无论是使用CSS Grid还是Flexbox。布局看起来应该是原样，而不是使用JS。
.o-container {
margin: 0 auto;
max-width: 1280px;
}
.o-grid {
box-sizing: border-box;
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(4, 1fr);
grid-t
浏览 0提问于2017-04-04得票数 1
1回答
我希望第一行上的flex项收缩到flex basis定义的某个点，然后进行包装，我希望它们增长到达到最大宽度，然后展开，但它们开始更快地展开。是什么让它们在260px左右展开？
<div class="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class=&#
浏览 0提问于2021-07-29得票数 1
1回答
我是新的HTML，并试图创建一个带有三个中心图像(并排显示)的网页。下面是我的代码：
<center>
<figure style="display:inline-block;text-align:center;top:350px">
<div style="width:275px; font-size:80%;margin:20px;text-align:center;display:inline-block">
<img src="images/website-main1.jpg"
浏览 2提问于2017-12-24得票数 0
回答已采纳
我有5个音频通道由5个AVAudioPlayer对象操作，我想给每个频道添加一个很小的延迟，所以当我按下一个按钮时，我得到了以下内容：
启动声音1(持续10秒)
在1声响后2 0.25秒启动声音
在2声响后3 0.25秒启动声音
在3声响后4 0.25秒启动声音
在3声响后5 0.25秒启动声音
我厌倦了这样做，只需要在每次调用AVAudioPlayerObeject之间使用睡眠(0.25)，如下所示：
[audioPlayer1 play];
sleep(delay);
[audioPlayer2 play];
sleep(delay);
[audioPlayer
浏览 0提问于2013-05-24得票数 0
回答已采纳
3回答
我试图创建一个正方形，其中包含每个矩形包含一个单词。每个子矩形的总宽度应该等于父矩形，但问题是我不知道每个单词的顺序或长度，并且使用搜索筛选器可以动态更新列表客户端，因此我不能静态地为每个包含的矩形分配side/padding/margins。为了说明我的问题，下面是我的当前代码，以及显示我当前情况的屏幕截图。
<div class="index">
<!-- heading, filter input and other stuff here -->
<div class="books">
<div c
浏览 0提问于2019-05-25得票数 0
回答已采纳
3回答
我通常只使用行高作为垂直居中，但在这种情况下，我正在工作的布局有点棘手。
我把这个jsfiddle放在一起，以显示我到目前为止所处的位置。所有的CSS技巧都建议使用表格单元格技巧，但我只能在包装器有绝对高度的情况下才能让它工作，所以对我来说，这个文本不是垂直居中的：
<div class="wrap">
<a href="#">
<img src="http://www.thekrausemouse.com/wp-content/uploads/2016/03/sample-1.jpg" /&
浏览 17提问于2017-07-05得票数 0
回答已采纳
2回答
我做这个练习是为了学习，目的是:我有3个球和3个正方形，我想用CSS把3个球放在正方形上。但问题是：
我试图使用padding-top: -??px;把它放在那里，但似乎图像不能像另一条一样的“行”。
以下是代码：
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main">
<div class="imagem1&
浏览 12提问于2022-02-02得票数 0
我在photoshop (teal )中创建了一个透明的简单资产。为了使正方形半透明，我只是改变了层的不透明度从100% -> 50%，然后导出为一个.png文件。
统一地，我启动一个基本的2D项目并导入.png。我创建了一个白色的画布，并将一个图像放在UI画布上，并以teal正方形作为图像。该颜色与白色背景上的photoshop图像相同。
但是当我在3D项目中做同样的事情时，图像的颜色略有不同(较轻)。下面是每一张图片的截图。很明显，3D项目图像与其他两个不同，这对于在我的3D项目中设置我的UI来说是非常令人沮丧的。此外，对于2D和3D项目中的sprite，检查器设置是相同的。有人知道
浏览 0提问于2022-12-21得票数 0
我想要创建一个自定义TextView，默认情况下它是正方形的，但是如果文本不能容纳，那么高度就会自动增加，以适应内容。
我尝试将高度设置为wrap_content，并按如下方式覆盖onMeasure()：
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int newHeight = heightMeasureSpec > widthMeasureSpec ? heightMeasureSpec : widthMeasureSpec;
super.onMea
浏览 0提问于2019-03-30得票数 5
回答已采纳
3回答
我正在尝试制作一个8x8的棋盘：
.flex-container {
display: flex;
flex-flow: row;
flex-wrap: wrap;
height: 336px;
width: 336px;
}
.chessboard {
border: 1px solid black;
width: 40px;
height: 40px;
}
.chessboard div:nth-child(odd) {
浏览 5提问于2019-05-24得票数 0
1回答
我需要在react本地相机视图的取景器中间添加一个正方形框架。在存储库中也没有关于它的信息。这里的问题也没有得到回答。
浏览 8提问于2017-08-05得票数 3
回答已采纳
2回答
压字表中的垂直对齐
、、、
我正在使用一个插件在一个Wordpress.org站点上工作，它允许我改变页脚区域的来源，因为我的主题不支持页脚。我正在尝试创建一个带有徽标和2个PHP元素的表，这些元素显示我们的赞助商和合作伙伴的滚动徽标。
简而言之，该表应该如下所示：
---------------------------------------------
| | | |
| | Our Partners |(PARTNERS PHP) |
| | |
浏览 7提问于2017-07-15得票数 1
回答已采纳
我需要确保我的3页脚小部件的高度是相同的，即使站点用户决定在其中一个小部件中放置更多的内容，这样他们就可以调整高度。我理解使用display: flex是最好的解决方案。我似乎不能让它起作用。
我的html：
<div class="footer-widgets"><div class="wrap"><div class="footer-widgets-1 widget-area"><section id="testimonial_footer-3" class="widget w
浏览 1提问于2015-04-11得票数 0
1回答
我正在尝试配置一个集合视图，以便在所附图像中显示以下自定义布局：
。本质上，我希望能够配置我的集合视图，使其显示为基于行而不是列。例如：
第1行:3个大小相等的正方形，每个正方形都是屏幕宽度的1/3
第二行:1个正方形是屏幕宽度的2/3，然后2个方块堆叠在一起，每个方块都是屏幕宽度的1/3。
行3:填充屏幕宽度的1个矩形
第4行:2个大小相等的正方形，每个正方形都是屏幕宽度的1/2
我已经阅读了多个UICollectionViewLayout和UICollectionViewDelegateFlowLayout教程，但都无法找到我需要的信息。
浏览 3提问于2017-12-09得票数 0
我正在尝试创建一个表格，在每个单元格中，文本旁边都有一个小的彩色方块。但是，我希望正方形和文本在同一行上，但我不能这样做。 遗憾的是，我不是css或html高手，我已经尝试了在这个和其他网站上找到的许多对齐选项，但都不起作用。你可以看看下面的一个最小的例子来理解我在说什么。有没有办法在css中做到这一点？谢谢 .badge{
background-color: #000000;
width: 1em;
height: 1em;
border-radius: 25%;
} <html>
<body>
<table border=&#
浏览 22提问于2021-08-27得票数 1
回答已采纳
1回答
我有一个简单的表格，我只需要它在中间的页面。就像，中间的正方形。但是，不管我在CSS文件中更改了什么，它都停留在页面的左侧。
我的HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Search</title>
</head>
<link rel="stylesheet" href="search.css" type="text/css">
&
浏览 3提问于2021-07-13得票数 0
回答已采纳
我正在尝试一个css挑战，其中的需求声明：
并排画两个宽50 by的正方形。
每个正方形中心应有一个圆形，宽度为10 of。
两个方格之间的距离应为10 be。
我看不出我的圆圈..。这是我的小提琴-
下面是我的css的一个片段：
.square {
width:50px;
height:50px;
border:1px solid black;
display:inline-block;
margin:10px;
}
.circle{
background-color:green;
border-rad
浏览 1提问于2018-12-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
