如何在相等段落下对齐元素
在相等段落下对齐元素可以通过以下几种方式实现：
- 使用CSS的Flexbox布局：Flexbox是一种强大的布局模型，可以轻松实现元素的对齐。通过设置父容器的display属性为flex，然后使用justify-content属性来控制元素在主轴上的对齐方式，可以选择的值包括flex-start（左对齐）、flex-end（右对齐）、center（居中对齐）、space-between（两端对齐，元素之间间隔相等）等。同时，可以使用align-items属性来控制元素在交叉轴上的对齐方式。
示例代码：
.container {
display: flex;
justify-content: space-between;
align-items: center;
}- 使用CSS的Grid布局：Grid布局是一种二维布局模型，可以将页面划分为行和列，并通过设置网格属性来控制元素的位置和对齐方式。通过设置父容器的display属性为grid，然后使用justify-items属性来控制元素在列上的对齐方式，可以选择的值包括start（左对齐）、end（右对齐）、center（居中对齐）等。同时，可以使用align-items属性来控制元素在行上的对齐方式。
示例代码：
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-items: center;
align-items: center;
}- 使用CSS的text-align属性：如果元素是文本内容，可以通过设置元素的text-align属性来控制文本在容器中的对齐方式。可以选择的值包括left（左对齐）、right（右对齐）、center（居中对齐）等。
示例代码：
.container {
text-align: justify;
}需要注意的是，以上方法都是通过CSS来实现对齐，可以根据具体的需求选择合适的方法。在实际开发中，可以根据元素的类型和布局需求选择最适合的对齐方式。
相关·内容
0回答
我想知道如何对齐一个元素，例如在不平整的段落下的按钮。例如，一个段落包含3行，第二段包含2行，第三段包含5行
我尝试使用位置绝对，但它似乎不起作用。每个段落都由一个div容器分隔，所以我有3个容器，每个容器上都有一个段落和一个按钮
button{
position: absolute;
bottom:30px;
}
浏览 0提问于2017-11-29得票数 0
2回答
我遇到了一个在HTML文档中删除对齐的问题。
<html>
<head>
</head>
<body>
<p style="margin-top: 0" align="center">
Hello World
</p>
<p style="margin-top: 0" align="center">
Java World
</p>
</body>
&
浏览 0提问于2010-09-22得票数 0
1回答
我在汽车布局上有一些问题。我正在制作一个锻炼应用程序，我已经构建了这个显示器来配置用户单元设置，但是我很难设置约束条件。我想让它看起来..。
但是当我在另一个设备(iPhone 5)上运行时，我得到的是.
下面是我使用的约束：
(单位)-对齐中心X到超级视图，宽度等于: 91，底部空间到:重量，顶部空间到顶部布局指南: 31
(重量)-将中心X与超级视图对齐，宽度等于: 69，BottomSpace到weightSegment: 13，顶空间对单位: 22
(WeightSegment) -将中心X与超级视图对齐，宽度等于260，底部空间与距离: 23，顶部空间与重量: 1
浏览 3提问于2017-03-18得票数 1
回答已采纳
我想限制用户在同一段落中进行文本选择。
var selection = getSelection();
var range = selection.getRangeAt(0);
我想要验证 range 对象，这样如果范围“存在”在同一段落下，并且不以可能的同级段落结尾，则它就会生效。
怎么做？
请参阅对象引用。
浏览 4提问于2016-01-17得票数 1
回答已采纳
4回答
我在让一段html垂直居中时遇到了很大的麻烦。代码如下。超链接中的内容需要垂直对齐，但我不知道如何对齐。有什么需要帮忙的吗？！非常感谢
<a class="x" href="#">
<span class="time">xxxx</span>
<span class="time">yyyy</span>
<span class="time">zzzz</span>
<table>
浏览 3提问于2012-07-12得票数 2
我使用了以下非常简单的HTML代码：
<div class="test">
<p>test 1234</p>
<!--<p>test 5678</p>-->
</div>
和CSS
.test {
background: #ccc;
height: 120px;
}
.test p {
line-height: 120px;
}
Jsfiddle ->
它工作正常
但是如果我从上面的HTML代码中取消第二段的注释，那么显示就不好了。(从jsfid
浏览 2提问于2012-07-30得票数 2
回答已采纳
4回答
对我来说，tables最有用的特性之一就是宽度可以根据内容进行调整。
你可以很容易地做这样的事情：
<table align=center style="border: 1px solid black">
<tr><td style="padding: 20px">
some text here
</table>
如果该框的内容更宽，则框将更宽。非常直观，它适用于所有浏览器，句号。
您可以通过使用float CSS属性来实现与普通块元素类似的效果，即调整其宽度以适应其内容。但是元素不会居中。
那么，问题是:如何将块
浏览 0提问于2010-07-09得票数 4
回答已采纳
我试图使一个用javascript创建的链接出现在一个段落的右边，这个段落也是用javascript创建的。问题是链接出现在段落下面，文本-对齐:中心；文本对齐:右；没有改变任何东西。请帮忙，这是密码：
该段：
var p1 = document.createElement("P")
p1.className = "sideBar";
p1.id = "author"
p1.innerText = "By John Gruber";
document.body.appendChild(p1);
链接：
var a = docume
浏览 1提问于2020-10-22得票数 1
回答已采纳
EditorGUILayout.BeginHorizontal();
allChildren[i] = EditorGUILayout.ObjectField(allChildren[i], typeof(Transform), true) as Transform;
EditorGUILayout.LabelField(names[i]);
EditorGUILayout.EndHorizontal();
使用开始/结束水平使标签位于对象字段的右侧。
但是现在我希望每个物镜场和靠近它的物体都与中心对齐。因此，每个对象字段和lablefield都将位于它们所在的线的中心。
现在它们都
浏览 2提问于2022-05-17得票数 0
回答已采纳
1回答
我一直在接触精灵，我发现大多数已经为现有游戏发布的雪碧版(例如，音速和指节)都与网格不对齐。
📷
当我试图用这些床单来建立统一动画时，我发现这令人沮丧。我设法手动对齐了上面的spritesheet，但是花了一段时间，我想知道是否有人有关于如何使这个过程更容易/更快的技巧？
浏览 0提问于2019-01-23得票数 4
回答已采纳
所以我有一个div，其中有几个段落。div有一些样式(例如背景、边框)，段落在“div”类列表项中活动。
<div id="box">
<p>'s in here
</div>
我通过这段代码添加段落：
$("box").append("<p>Some text</p>").hide().slideDown("slow");
但是当我添加一个新的段落时，整个div“框”就会被隐藏起来，然后滑落下来。我该怎么做才能让最后一段滑下来？
浏览 6提问于2015-06-25得票数 1
回答已采纳
7回答
事情是这样的。我不想只在段落下面加下划线并使用text-align，而是在段落的父div中添加一个虚线边框并居中。这是我不能工作的代码。(它在整个div上添加边框，而不仅仅是段落)
p {
border-bottom:1px dotted;
margin-left:auto;
margin-right:auto;
text-align:center;
}
该段落似乎采用了父div的宽度。有没有办法将段落的宽度设置为它所包含的文本？(如果可能的话，margin:auto似乎可以工作。)
浏览 11提问于2013-06-19得票数 22
回答已采纳
我有一个使用Bootstrap 4列(col-sm)的三列布局。请参阅codepen：https://codepen.io/anon/pen/EryRJL?editors=1100 我在每一列的段落中都有一些文本，并在段落下面有一个按钮。如何在列底部垂直对齐所有按钮，同时使它们在各自的列中居中？ 我可以把按钮按到最下面 .button-container {
width: 100%;
position:absolute;
bottom: 0;
text-align: center;
} 但是居中不起作用，因为width: 100%会由于列填充而将div向右移动
浏览 18提问于2019-01-29得票数 0
3回答
我有三个图标，我想让它们居中对齐我尝试了不同的代码，但到目前为止都不起作用，我试着给它们加一个边距，但问题是它在它们之间增加了不必要的空间，所以我想让它们彼此靠近，有没有办法把边距放在右边，然后从那里删除空间？我只想在我的段落下面对齐，但在它的中心。
到目前为止，这是我的代码。
#body a img {
width: 50px;
height: 50px;
margin-top: 50px;
margin-right: 200px;
}
<div id="body">
<p class=
浏览 0提问于2016-02-25得票数 0
3回答
我有这个布局 -我不希望date段落粘在图像下的空格上，而是在抽象段落下面。图像段落下的空间应该保持清晰--它下面没有任何东西。
我试着在图像段落上使用，但它无法工作。
有什么想法吗？
浏览 9提问于2011-10-12得票数 0
回答已采纳
我想以类似于的东西结束
“11月22日”元素应该在父div的底部对齐，并在中心对齐。剩下的日期(21，20，19，18)应该紧随其后。(中心垂直线仅用于说明目的)。
这在css中是可能的吗？
编辑:这是我到目前为止得到的：
<div class="container">
<div id="motd">
<ul>
<li class="selected">22 November</li>
<li>21<
浏览 1提问于2012-11-25得票数 1
我在两个divs中有一段.content1和.content2的类，但是我不能让它们在divs中居中。有人知道这是为什么吗？
代码：
.content1 p, .content2 p {
text-align: center;
background-color: rgba(0,0,0,.02);
max-width: 280.34px;
}
浏览 0提问于2016-04-27得票数 0
1回答
我必须管理网格视图，如下所示。请建议我如何管理网格视图，因为它是图像。
我正在使用下面的xml代码
<GridView
android:id="@+id/tags_dialog_list"
android:layout_width="match_parent"
android:layout_height="@dimen/dialog_internal_list_height"
android:layout_marginTop="
浏览 1提问于2015-03-04得票数 0
1回答
我有一个图表，那里的图表不成直线对齐。我怎样才能让他们对齐。在下面的图表中，从左开始有三个图表，第二个只有结果，第三个图表(右)有结果。第一个结果只有一个结果，所以它显示在图的中间，有什么选项我可以设置，所有的三个都对齐成一条直线。
我尝试将空值设置为零，但这不起作用。
浏览 0提问于2019-08-05得票数 0
回答已采纳
3回答
我试图垂直中心对齐一个图像和一个浮动左段落。我需要浮动段落，而不是图像，因为我希望图像出现在移动设备的段落下面。这是我的代码：
img {
position: relative;
max-width: 100%;
left: 50%;
transform: translateX(-50%);
}
h3 {
clear: both;
}
@media only screen and (min-width: 650px) {
p {
float: left;
max-width: 50%;
}
img {
max-width: 50%
浏览 6提问于2020-06-07得票数 0
回答已采纳
3回答
是否有一种方法可以让一个人点击文本Hello，然后滑下一段距离呢？？在电话里，他们应该能把它拉下来，然后它会被打掉，然后滑落下来？
总结问题
1:点击文字使潜水滑落和昏暗？
对于Mobile，把div从屏幕上拉出来，用手把它调暗？？
#home_main_main {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border: 3px solid darkgrey;
width: calc(100% - 6px);
height: 80%;
left: 0px;
position: a
浏览 2提问于2021-07-03得票数 0
回答已采纳
3回答
我试图将Facebook Like / Share div中的元素向右对齐，但我发现的方法都不起作用。这是一个截图：
我想要的是所有东西都向右对齐。基本上，我尝试了所有的方法，但都不起作用。这是div代码：
<div style='background-color: #b0c4de;'
class="fb-like"
data-share="true"
data-width="15"
data-show-faces="true">
</div>
我遗漏了什么
浏览 0提问于2015-01-30得票数 0
1回答
我正在为freecodecamp做一个项目，我需要做一个类似于this example的项目。 我的问题是无序列表底部的部分和它上面的标题。什么样的css可以使标题边距与示例中的一样对齐？我试过使用margin，但这改变了垂直方向的页边距，而不仅仅是左右。 当前代码： <div id=“timeline”>
<h4>Here's a timeline of Dr. Borlaug's life</h4>
<ul>
<li>example</li>
<li>examp
浏览 16提问于2019-02-12得票数 4
回答已采纳
我有个CSS问题。
我有一个固定宽度的div，里面有文本。文本是居中的，不会占用容器的整个宽度。
--我希望在居中的文本段落下面直接有一个子文本，但是子文本需要对齐到右边。不是容器的右边，而是文本的权利(在本例中是一个段落)，所以它对齐了，我在下面已经说明了。在我看来，问题是段落的宽度不是绝对的。
我怎样才能做到这一点？
黑色是容器，文本是居中文本，子文本需要与段落宽度的右边对齐，而不是容器宽度。绿色线表示div容器中段落文本的中心位置。红线是段落的尺寸，但这取决于文本，而不是一个设定的值。
段落‘文本文本’将始终是可变长度和宽度的一行。子文本需要动态地对齐段落宽度的右边。
浏览 3提问于2014-03-11得票数 0
回答已采纳
这是一个包含4列的下拉菜单。
在第一列中，是div中的"HOME“，文本"HOME”在
标签。
例如。<p style="text-align:center;"> HOME </p>
现在，如果我尝试在HOME之间添加一个文本对齐，它会取消<H2> </H2> -align:center，而只使用H2。
那么，我需要在css中做些什么才能使文本对齐:style=：center和H2保持相同
无论如何，对齐都是可能的，因为我喜欢保持文本对齐:在同一段落中的文本上与H2对齐
浏览 51提问于2016-08-30得票数 0
回答已采纳
1回答
当我在我的徽标之前使用伪元素使其成为vertical-center时。不再缩放，它只是以较小的宽度从其父元素中滑落下来。
<div id="header">
<div id="logo">
<img src="http://abload.de/img/unbenannt-1bmq5b.png" alt=""/>
</div>
</div>
浏览 2提问于2016-01-14得票数 2
回答已采纳
3回答
我有一段html代码：
<div id="main" style=" margin:0 auto; ">
<div style="float: left">
<a style="display: block" href="#"><img src="test.gif"></a>
<a style="display: block" href="#"><im
浏览 1提问于2011-12-12得票数 0
回答已采纳
1回答
好的，这是CSS，基本上我有两个段落，我只想在左边的段落下面放一张图片。这一段比右边的一段要长，所以我认为这就是影响它的原因。这幅画的结尾总是在右边，在正确的段落下面。有人能帮忙吗？
body{
font-family: sans-serif;
margin:auto;
}
.p1 {
width: 425px;
float:left;
padding: 2px 2px 2px 2px;
border: 1px solid black;
border-radius:
浏览 4提问于2013-12-29得票数 0
回答已采纳
3回答
我想知道，当涉及到在标题框中对齐文本("CONSOL概述“)而不是在标题框中左对齐时，是否有人可以帮助解决这个问题。
我尝试过"align-content: center“和"text-align: center”，但似乎不起作用。
感谢您的任何帮助
我的html页面如下所示：
html代码中的部分是这样的：
<div class="container-fluid" style="padding-top: 15px;">
<div class="row"
style=&#
浏览 0提问于2018-10-20得票数 1
2回答
我有一个可拖的div，在一个蓝色的段落下面，我想改变段的颜色在div上的部分。就像下面的图片
这是我的代码
<html>
<head>
<script>
$(document).ready(function(){
$("#div1").draggable();
});
</script>
<style>
#div1{
position : absolute ;
top : 10px ;
left : 20px ;
back
浏览 4提问于2016-03-18得票数 7
我在一个评论系统上工作，设计是我的弱点，到目前为止，虽然我非常接近我要去的外观，但我的代码如下。
这是我的CSS代码和我的div，它们组成了注释部分，我已经去掉了所有花哨的东西，因为我只是有n对齐问题，它出现在下面的代码中。
评论帖子有2栏，
左栏将显示用户的照片和姓名等信息
右列将包含注释、日期和一些管理内容
我的问题是，我需要两列中的内容垂直对齐
现在，左列比右列高出1个街区
有没有人能告诉我或者帮我把它对齐？
这里的phot还显示了对齐问题，请注意，左侧的照片与右侧的文本不对齐
<style type="text/css">
ol.commentlist {
浏览 3提问于2009-08-18得票数 1
回答已采纳
1回答
我正在尝试使一个表格滚动与固定的标题与悬停效果。我使用这个设置我的css文件。我总是得到未对齐的列：here is my Plnker demo:
有什么需要帮忙的吗？
更新：
浏览 0提问于2018-07-11得票数 0
1回答
强制结构尺寸对齐
、、
是否有办法强制结构的大小为任何类型所需的最大对齐的倍数？以下是两种不同的尝试：
#include <stdio.h>
#include <stddef.h>
#include <stdalign.h>
typedef struct {
char c;
} Block1;
typedef struct {
char c;
max_align_t data[];
} Block2;
typedef struct {
char c;
_Alignas(sizeof(max_align_t)) max_align_t d
浏览 4提问于2015-02-01得票数 2
回答已采纳
我在试着理解别人的codes...he有以下几点：
var positionAt = horizontalPosition + ' ' + verticalPosition;
var positionOffset = String(horizontalOffset + ' ' + verticalOffset);
//i don't understand the codes below. I don't think Jquery position method support at and of attribues....
浏览 0提问于2012-08-14得票数 0
回答已采纳
假设我有一个自动增加几个计数器的过程。然而，一些外部操作，即人类交互，会重置这些计数器。一段时间后，计数器重新对齐。
从数据的角度来看，我留下的计数器在特定的点上有一个断裂，我想要对齐它们。
计数器如下所示：
counter = [1, 1, 2, 3, 3, 4, 5, 6, 1, 1, 2, 2, 3, 10, 11, 12]
我想解决这些问题：
counter = [1, 1, 2, 3, 3, 4, 5, 6, 7, 7, 8, 8, 9, 10, 11, 12]
我有很多带有这样的计数器的专栏，我正在考虑一种整洁的方法，首先找到破裂，然后修复它。
浏览 1提问于2021-07-22得票数 0
FlatBuffers特别避免了某些编码标准化/保证。根据文件：
()
这可能意味着，如果输入值相同，两个不同的实现可能产生不同的二进制文件，这是完全有效的。
好的，但是在磁盘上编码的字符串是直接从给出的任何表示还是在其他表示中编码的吗？使用相同的FlatBuffers版本和生成的代码是否具有确定性(参数相同的N个操作产生相同的结果)？
尺寸如何？动态结构的尺寸减小(例如向量，使字符串值变短)是否会相应地缩小编码结构的大小？
我真的不明白字符串编码是如何工作的，我现在也没有时间分解内部代码。
我创建了一个具有普通父->子->外孙结构的示例定义，其中父类型具有子类型的向量，而
浏览 0提问于2019-05-20得票数 1
4回答
假设我有这样的html：
<style>
p { text-align: justify; margin:0; }
</style>
<p>This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragrap
浏览 0提问于2013-07-22得票数 3
回答已采纳
1回答
有人熟悉 JS库吗？
如何设置可滚动区域的默认偏移量？
我使用以下命令设置元素的CSS：
-webkit-transform' : 'translate3d(200px, 0px, 0) scale(1)
假设我想要滚动区域的偏移量为200px，但是代码在页面加载时覆盖了这个偏移量，并捕捉回0px。当我硬编码200px的偏移量时，它认为200px是起始位置，并反弹回来，就像它是边缘一样。
有什么帮助吗？
浏览 0提问于2012-08-02得票数 3
1回答
我一直在看这个网站- ，并一直试图弄清楚，一旦页面到达某个位置，页面似乎几乎会粘住一段时间；例如，在一开始，太阳升起时，浴室里的淋浴窗帘落下时。我正在制作一个单页面的网站，并想复制这种效果，以便当用户到达每个页面(div)，该页面坚持一段时间，让视差动画仍然播放通过。非常感谢，杰克
浏览 1提问于2014-02-24得票数 0
对于响应式图像，我使用CSS属性background-image和background-size。这允许图像在调整浏览器窗口大小时自动调整大小。问题是，图像下面的内容不会同时调整大小。例如，在这个设置中，我在一段文字的上方有一个图像：
<div class="container">
<div class="image></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut ligula lacinia, eleife
浏览 1提问于2013-07-23得票数 1
回答已采纳
1回答
我有一个简单的IEnumerable<TKey>来订购和导出到数组。
根据TKey，如果我使用OrderBy LINQ扩展，而TKey的值在整个序列中是相等的，那么是否可以依赖于IEnumerable中的元素将保留它们的原始索引(如数组等)？
浏览 2提问于2014-07-28得票数 0
回答已采纳
6回答
a {
font-size: 8pt;
text-align: left !important;
text-decoration: none;
}
.main {
text-align: center;
}
<div class="main">
<a href="#new_york_city">New York City</a><br />
<a href="#long_island">Long
浏览 3提问于2011-07-16得票数 6
回答已采纳
2回答
图像对齐段
、、、
所以，我基本上有这样的代码：
<div class='imgpos_1'><img></div>
<div class='imgpos_3'><img></div>
<div class='imgpos_5'><img></div>
<div class='paragraph'>My text</div>
图像的位置应该以不同的方式在段落周围浮动。在伪善中：
+-+ +-+ +-+
|1|
浏览 3提问于2011-06-30得票数 1
我已经在我的项目中创建了一个简单的sks粒子文件，我想知道A:我如何在我的视图中实现这个粒子&我如何添加适当的参数，使粒子在设备所在的方向上移动(例如，非常类似于iOS7动态壁纸)，所以在我的例子中，如果有石头垂直落下，并且设备向右倾斜，那么石头应该开始以不同的角度落下。我真的很感谢你的建议。
浏览 0提问于2013-10-27得票数 1
2回答
在配置过程的10个步骤中，我使用btn组。
这是我目前的一个例子。
选项4、5和9仅为一行，因此在中间对齐。我试图使所有选项垂直对齐:顶部；但没有一个元素对此做出反应。
所以我的HTML，标准的btn组
<div class="btn-group hidden-xs" style="margin: 9px 0;">
<button class="btn btn-steps"><span class="step-number">1</span><span class="
浏览 1提问于2015-04-15得票数 4
回答已采纳
2回答
我正在尝试使用“代码克隆的分析解决方案”来消除代码的异味和重复。我的项目几乎很大，每次我使用这个选项时，它都会工作一段时间，但后来似乎进程冻结了，在我不得不克隆窗口之前什么也不做。有人知道我该怎么做吗？谢谢!
浏览 1提问于2015-06-08得票数 3
1回答
我一直在遵循blender的Tree+Leaves教程，因为我正在用树叶填充树，我想知道通过将它导出到C# (WPF)，它是否会使每一片叶子都成为一个“单一对象”，这样我就可以将某种行为添加到我从树中挑选的单个叶子中。
例如，我想要做的是，当某个事件发生时，让随机落叶落下，控制落叶时的动画，并使其停留在地面上一段时间，在很长一段时间结束时，树将半裸。
提前谢谢~致以问候
浏览 1提问于2014-11-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
