如何将一列排成一列而不留空格？
将一列排成一列而不留空格可以通过使用CSS的布局属性来实现。具体的方法如下：
- 使用CSS的display属性设置为"flex"，这样可以创建一个弹性布局容器。
- 使用CSS的flex-direction属性设置为"column"，这样可以将元素垂直排列。
- 使用CSS的justify-content属性设置为"flex-start"，这样可以将元素靠上对齐，避免留下空白。
- 使用CSS的align-items属性设置为"flex-start"，这样可以将元素左对齐，也避免留下空白。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
</style>
</head>
<body>
<div class="container">
<div>元素1</div>
<div>元素2</div>
<div>元素3</div>
<div>元素4</div>
</div>
</body>
</html>这样，元素1、元素2、元素3和元素4将会垂直排列，并且没有留下空白。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc
相关·内容
2回答
我想做一个包含两个种群A和B的散点图。我目前正在使用0和1来生成散点图。A在x=0上排成一列，B和x=1排成一列，有没有可能从x轴上删除数字，然后添加一个字符串？所以它看起来像一个直方图？
浏览 0提问于2014-01-08得票数 2
4回答
我最近开始用c++编程，遇到了一个小问题。如果我想要我的输出结构化(假设每一行都以名称开头，然后是一个数字)，让名称正常地写到屏幕上(每个名称的第一个字母从每个新行的开头开始)，并且希望后面的数字排成一列，我该怎么做呢？我希望程序输出如下所示：
Gary 0
LongName 0
VerylongName 0
我希望我的程序以上面的方式打印一些东西，但名称的长度不同(在本例中，'0‘排成一列)。
浏览 0提问于2013-10-28得票数 1
1回答
这是我的HTML代码
<div class="row" id="above-footer-bg">
如何将class和id组合在一起，以便在样式表中使用它进行编辑？
浏览 2提问于2015-06-14得票数 2
我想产生一个输出的数据将排成一列，但字段可以有不同的宽度。
例如，一个字段是一个INT，它的长度可以是1到3个字符。
有没有办法让NSLog填充字段？
浏览 0提问于2011-12-24得票数 2
回答已采纳
我有一个表格，它基本上是一行解释标题，然后用一堆数字分隔各行，并与这些标题相对应，每一行都由各自行上的一个制表符分隔。这导致整个事情看起来像是一大堆乱七八糟的东西，并且没有一个数字与顶部的标题对齐。我正在尝试找到一些方法来让它排成一列，这样它就像一个普通的表一样可读。希望这是一个实际可以解决的问题。
浏览 3提问于2015-07-22得票数 6
1回答
我已经为我正在做的游戏做了一些模块化的墙壁，其中一些部件有移动的部分，比如门和襟翼，但是带有电枢连接的移动部件不像其他部件那样使用顶点快照，它在墙壁上留下了丑陋的缺口。
我已经试过了所有我能想到的让他们排成一列的方法，我能得到的最接近的就是用眼睛把他们排成一列，这在比赛中留下了很小的差距，而且不是完美的。
有谁知道有什么方法可以让顶点抓取与有电枢的网格一起工作吗？
我附上了一张图片来解释：
📷
浏览 0提问于2021-02-05得票数 1
我想不出一种优雅的方式让我的div在CSS中按如下方式显示
---------------------------------------------------------
| |
| child div 1 child div 2 child div 3|
| |
-------------------------------------
浏览 0提问于2011-12-15得票数 2
回答已采纳
我正试着把这些div排成一列，但它似乎不能正常工作。
网址是-
我需要所有的div对齐，因为它应该是类似于一个表，但我讨厌桌子。
有什么建议吗？
浏览 3提问于2014-10-17得票数 0
回答已采纳
1回答
我有一个不平坦的地形，球员应该在上面建造建筑物。对于大多数的建筑，我都可以把地基修整一下，让它们延伸到整个地形。然而，对于道路、管道、铁轨等等，我确实有一个问题，那就是如何把它们排成一列。我能用什么技术来使相邻的部分的网格排列起来，使之符合地形？
浏览 0提问于2021-01-02得票数 0
回答已采纳
2回答
我尝试了以下代码
int main()
{
float a = 1.0, b = 25.16;
printf("%2.1f\n", a);
printf("%2.1f\n", b);
}
我预计结果如下：
1.0
25.2
相反，它显示：
1.0
25.2
为什么不排成一列呢？
浏览 2提问于2016-01-30得票数 3
回答已采纳
2回答
有人知道如何获得一个复选框和标签排成一列吗？
<tr>
<td>
<div class="field form-group">
<%= ff.label :cert_never_expires, 'This certification does not expire' %>
<%= ff.check_box :cert_never_expires, class: "form-control" %>
</div>
浏览 3提问于2017-10-26得票数 0
我的列表产生了以下输出：(运行Python3.4)
('MSG1', 3030)
('MEMORYSPACE', 3039)
('NEWLINE', 3040)
('NEG48', 3041)
有没有办法把所有的数字排成一列？谢谢。我的代码是一个简单的打印语句：
for element in data:
print (element)
浏览 9提问于2015-02-12得票数 2
回答已采纳
1回答
我在将文本格式化为TextView字段时遇到了问题。我正在用数据库中的数据填充字符串，我想让它排成一列：
for (cursor.moveToFirst(); !cursor.isAfterLast(); cursor.moveToNext()) {
SomeString = SomeString + String.format("|%1$-4s|%2$-12s|%3$-10s|\n",
cursor.getString(someColumn1),
cursor.getString(someColumn2),
cursor.getString(someC
浏览 0提问于2011-12-11得票数 1
回答已采纳
1回答
图像的网格问题
、、、
我正在使用列，并尝试将4个div与使用宽度百分比的图像排成一列。
它工作得很好，但有一个问题，我有4个列，其中有一个div元素和一个图像。
除最后一列外，所有列都有右填充。
如果你看看
右边的div更大。我知道问题出在最后一个div没有正确的填充，
最后一列现在更大了。有什么办法可以解决这个问题吗？
浏览 0提问于2013-06-26得票数 0
回答已采纳
1回答
我试图让一个有序列表靠近一个文本区域，这样它就有行号，但我似乎不能让文本区域和有序列表排成一列。我不知道我可以在有序列表上使用的文本区域的默认CSS，在哪里可以找到文本区域的默认CSS？
浏览 20提问于2021-10-05得票数 1
回答已采纳
1回答
我正在使用LessCSS创建一个简单的地铁主题网站。我的variables.less文件中包含以下内容：
@unit: 30px;
@tileMargin: 2px;
在我的mixins.less中：
.tile(@xDim, @yDim, @color){
display: inline-block;
margin: @tileMargin;
width: @xDim * @unit + 2 * (@xDim - 1) * @tileMargin;
height: @yDim * @unit + 2 * (@yDim - 1) * @tileMargin;
浏览 1提问于2013-09-23得票数 0
我成功地安装并运行了聚合物“unquote”教程。
现在我想修改它，但我不知道如何修改。具体地说，明信片垂直排列在一列中。我想以不同的方式排列它们。例如水平地和/或在多列中。
在教程中有一个提示：“布局水平中心属性是创建flexbox布局的聚合物简写。”
因此，我查看了css-tricks.com/snippets/css/a-guide-to-flexbox/上的flexbox文档
然后我把属性从‘布局水平中心’改为‘布局垂直中心’，‘布局水平左’，...
什么都没变。明信片总是垂直排成一列。有人能给我指引正确的方向吗？答案可能和我找不到的文档链接一样简单。
欧文，我肯定漏掉了什么明显的东西
浏览 2提问于2014-07-08得票数 0
我已经到了密码转换器的最后一部分，但由于某些原因，它就是不能更改密码。它正在连接到AD服务器正常(已检查事件日志)，尝试时没有错误，但由于某些原因，密码实际上不会更改。
下面是连接代码：
server= Server("DCNAME", port = 636, use_ssl = True)
connection= Connection(server, user='DOMAIN\\USER', password='PASSWORD', authentication=NTLM , auto_bind=True)
下面是修改密码的代码：
dn = &
浏览 18提问于2018-01-26得票数 0
我对的html验证器的结果感到有点困惑。
(我使用的是<!DOCTYPE html> (Html5)选项，该站点说新的HTML5验证器中可能有错误。我不确定我看到的是错误还是错误。)
它抱怨下面这行：
<a href="itempurchasesell?id=2&purchase=true&loc=Main%20Warehouse">
上面写着：& did not start a character reference. (& probably should have been escaped as & amp;.
浏览 1提问于2014-05-08得票数 1
1回答
我正在使用一个有多个display语句的代码库。因此，所有的输出都排成一列，不同的列号也被多次键入。
我只想使用列的变量，而不是搜索行，然后更新列宽。类似于：
def var i as int init 10.
disp "FOO" to i
"BAR" to i + 5.
浏览 0提问于2018-12-12得票数 0
1回答
Visual代码对齐多行函数参数
、、、、
如果Javascript (或类型记录)函数签名有多行参数(在类型记录中很容易发生，类型名称较长)，则在我单击return之后，Visual缩进如下
我更希望它能把论点排成一列，就像这样：
是否有一个设置可以自动完成此操作，因此我不需要手动缩进代码？
(我还想对函数调用执行此操作。)
浏览 2提问于2019-04-28得票数 6
2回答
通知区域中的Ios通知杂乱
、、、、
我有一个用objective c编写的iOS应用程序。我面临着通知区域中通知混乱的问题。本地通知将在每小时后触发。如果用户没有点击通知，下一个通知也会被添加到我们不想要的通知区域。我们想要的是，取消以前的通知并每次弹出一个新的通知，这样我们就只有一个通知，而不是看到多个通知在通知区域排成一列。任何帮助都是非常感谢的。提前谢谢你
浏览 0提问于2016-03-08得票数 0
如果我在Google Sheets中有一个定义为
[29060, 29062, 29331, 29332, 29333, 29334, 29335, 29336, 29337, 29338, 29339, 29340, 29341,
29342, 29372, 29373].
我如何让它们以这样的间隔排成一列？
|To |From |
|29060 |29062 |
|29331 |29342 |
|29372 |29373 |
我在任何地方都找不到任何好的答案。求求你救命！
浏览 0提问于2016-10-26得票数 0
我正在尝试编写一个函数，如果两个字符串中的字符匹配，则允许我将两个字符串排成一列。
例如输入：
输出：
['H', 'o', 'u', 's', 'e'] ['H', 'o', 's']
所需输出：
['H', 'o', 'u', 's', 'e']
['H', 'o', ,'0','s', '0']
我正在
浏览 3提问于2020-01-30得票数 3
2回答
我想对齐每一个按钮旁边的每一个文本以上，但我有点卡住了。
每个按钮+文本保留在一列中。我想要的是那些被排成一列的人。
下面是上面图像中的代码：
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Radio(
value: 1,
groupValue: id,
o
浏览 3提问于2021-09-21得票数 3
回答已采纳
我有经典的球在一条线上移动：
class Circle{
float x,y,vx,vy,size;
Circle(float ax,float ay){
x = ax;
y = ay;
size = 5;
vx = random(-.1,.1);
vy = random(-.1,.1);
}
void update(int w,int h){
x += vx;
y += vy;
if(x < 0 || x > w) vx *= -1;
if(y < 0 || y > h) vy *= -1
浏览 0提问于2012-10-27得票数 0
我在用我的today扩展实现URL方案时遇到了麻烦。
我遵循了的指示，当我在我今天扩展的表视图上实现openURL方法时，它显示它不能理解的url。警告消息显示了正确的url方案，但由于某种原因，扩展上下文并没有接收到它。
那么，在使用扩展时，实现URL方案的合适方法是什么？
谢谢
PS:在我的应用程序上，我已经配置了一个用于Facebook的URL方案，但我认为这不应该通过添加新方案来干扰
浏览 4提问于2014-09-12得票数 1
1回答
我使用的是UICollectionView (和PSTCollectionView是为了兼容旧版本)。我想要实现的是创建一个包含不同高度元素的网格。现在，它们被排成这样的行：
您会看到黑色的间隙，并且所有行都对齐了。每一行新的单元格从相同的Y像素开始，即所有的单元格都被放入容器中，这等于最高单元格的高度。
有什么标准的方法可以消除这些差距吗？这样行就可以一个接一个地呈现出来，没有间隙？
浏览 2提问于2012-11-20得票数 0
我有3个不同的列表，我想把它们排成一列，看看有没有行的匹配，没有行的空白。这些通常是字母数字单词(IE成员资格组)。在附加的图像中，左边是原始数据，右边是我想要看到的。我已经手动排序/剪切/粘贴以显示匹配和未命中。有没有几次击键就能做到这一点的方法？ ?
浏览 7提问于2020-01-18得票数 1
1回答
当在我的应用程序上打开我的侧边菜单时，状态栏显示为白色背景，即使我在整个应用程序中隐藏状态栏，它也会显示白色部分。有没有一种简单的方法来移除它？
浏览 9提问于2017-03-08得票数 0
我正在尝试创建一个基于richtextbox控件的非常简单的富文本编辑器控件，并希望数字和符号得到相同的缩进。
使用EditCommands中的切换子弹和切换命令，我可以得到插入的数字，其缩进要比子弹大得多。有办法把他们排成一列吗？或者至少给我解释一下为什么会这样？
谢谢你的帮忙!
浏览 1提问于2015-08-03得票数 0
回答已采纳
2回答
我有以下3个初始变量的数据集： ? 我将以下代码应用于我的数据集，使其具有月份和季度变量： Data Example;
set Example;
month = put(date,monname8.);
quarter = QTR(date);
run; 然后我得到了以下输出(我的表的一部分，有超过30000个观察值)： ? 然后，我想过滤掉month =“6月”的所有观测值，我使用了以下代码来实现： Data Example;
set Example;
where month = "June";
run; 然后，输出返回一个空表，没有任何观察结果： ? 我尝试过
浏览 28提问于2020-11-26得票数 0
为了搜索已知其类的对象，我们这样做：
$(".class1").each(function() {
// code
}
但我的问题是如何搜索已知两个类的对象，以下函数不起作用
$(".class1 class2").each(function() {
// code
}
谢谢你帮我
浏览 2提问于2017-03-01得票数 0
回答已采纳
如何删除最终结果中的所有空格？
letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k',
'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u',
浏览 1提问于2022-10-17得票数 -1
1回答
我试图将会话用于学习目的，但它不起作用。我得到了一个登录页面，它通过帖子"uname“和"passw”传递到这个页面：
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<?php session_start(); ?>
<head>
...
if($_POST['uname']=="admin" && $_POST['passw']=="correctpassword
浏览 1提问于2015-07-10得票数 0
1回答
我正在我的样式表中放置一个自定义字体(Alef-正则)，其中包含以下代码(.表示较长的路径，而不是实际代码)。
@font-face
{
font-family: Alef;
src:
url('.../Alef-Regular.ttf') format ('truetype'),
url('.../Alef-Regular.woff') format ('woff');
}
当我调用字体时，这不起作用。Firefox发出以下警告：
Expected end of value but
浏览 2提问于2015-02-03得票数 0
回答已采纳
我试图通过传递一个偏移量来使一个元素与另一个元素垂直对齐。它在Chrome中排成一列，但FF / Safari正在将它推得更低……示例：
function headalign() {
var original_offset = ( $("#header").offset() );
var custom_offset_top = ( $(".wp-post-image").offset().top );
var custom_offset_left = ( $("#header").offset().left );
浏览 0提问于2012-09-04得票数 2
回答已采纳
我想在表数据中创建一个表。但是我看到了外桌和内桌之间的差距，这是我不想要的。我无法附加图像
我的代码：
<table class="clearfix sureIQTable scanoTable borderGray TableBottomBorder" id="softTissue">
<tr>
<th nowrap="nowrap" style= "width:1px; background-color: #88A4BB;"></th>
<th n
浏览 0提问于2014-09-05得票数 0
1回答
我有下面的代码。我想把跨度中的文字和星星的底部排成一列。
<ng-container *ngIf="starCount">
<span>Not Relevant</span>
<button
mat-icon-button
color="primary"
*ngFor="let ratingId of ratingArr; index as i"
[id]="'star_' + i"
浏览 8提问于2021-02-03得票数 0
回答已采纳
有没有办法在matplotlib中重现gnuplot的with boxes格式？到目前为止，最接近的似乎是.step。
在Gnuplot中：
import Gnuplot
gplt = Gnuplot.Gnuplot()
data = Gnuplot.Data(zip(range(3), range(3)), with_="boxes")
gplt.plot(data)
在Pyplot中：
import matplotlib.pyplot as plt
plt.step(range(3), range(3))
生成(左边用于Gnuplot)
如何在pyplot中每次
浏览 6提问于2018-01-05得票数 0
回答已采纳
1回答
这是我的问题
SELECT S.sid,
S.sname,
M.major
FROM Student S,
Major M
WHERE NOT EXISTS(
(SELECT C.cno
FROM Courses C
WHERE S.sid = M.sid
AND M.dname = C.dname) EXCEPT
(SELECT E.cno
浏览 2提问于2013-10-15得票数 1
1回答
当我从远程分支中提取时，Git会自动删除所有的尾随空间，并填充我的git diff (显示行删除和添加)。另外，我使用的是Atom编辑器，所以我不太确定问题是从哪里来的。
我怎样才能禁用修整尾随空间呢？提前感谢！
浏览 4提问于2016-05-13得票数 3
回答已采纳
我的.emacs文件中包含以下内容：
(setq-default
indent-tabs-mode nil
tab-width 4
tab-stop-list (quote (4 8 12 16))
)
但在我下面的文本文件中，在第三行，当我按TAB时，"3“与"12”排成一列；它似乎基于上面一行中的"D“列。我想让"3“排在8点。我该如何做到这一点？
0 4 8 12 16
AB C D
1 2 3
谢谢。
浏览 0提问于2018-01-22得票数 2
我试图让“肖像”下降到更多的三个子链接。正如你所看到的，随着图像旋转的每个过渡(大圆圈)，它会非常巧妙地弹出。此外，它没有与其他链接排成一列。然而，我更关心的是下拉菜单(nav中的第一个链接)与Jquery循环的冲突。由于某些原因，当我使用z-index时，它无法工作。我做错了什么？
*请知道我还在训练轮子上，所以才有了这些表格。
这是链接：
浏览 3提问于2011-11-07得票数 1
我有一个关于jQuery UI堆栈的小问题
$('.dra').draggable({ addClasses: false, containment: 'window', zIndex: '9999', stack: '.sta'});
问题是所有带有类.dra的DIVs都带有堆栈。但我只想要类为.dra的所有div和堆栈为第二个类.sta的所有div。
或者我必须说
$('.dra .sta').draggable({ addClasses: false, containment: 'window'
浏览 0提问于2010-07-18得票数 0
回答已采纳
1回答
我有以下几点：
HTML:
<li class="left">elem1</li> <li class="right">elem2</li>
<li class="left">elem3</li> <li class="right">elem4</li>
CSS:
li.left
{
width:50%;
float:left;
}
li.right
{
width:50%;
float:right
浏览 1提问于2014-11-03得票数 0
回答已采纳
我正在设置一个会话变量，它是在当前页面上设置的，但是当它被重定向时，会话变量将变为空白。我只需要开始设置我的会话变量。我还在本地、godaddy和number of server上测试了这些代码
`
if($_SERVER['REQUEST_METHOD']=='POST'){
$username=$_REQUEST['username'];
$password=$_REQUEST['password'];
$login_user=select('admin&
浏览 1提问于2014-09-09得票数 0
一般来说，我对python和编程都很陌生，目前我正在Grok Online上一个在线课程。目前我被困在第二门课上(机器人排成一列！)因为它的目的是设计一个程序，读入一行文本并打印出机器人这个词是否出现，尽管它必须弄清楚这个词是小写、大写还是大小写混合。这是我到目前为止的解决方案：
text = input('Line: ')
if 'robot' in text:
print('There is a small robot in the line.')
elif 'robot'.upper() in text:
pri
浏览 3提问于2015-02-19得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
