如何使段落的第二行居中？
要使段落的第二行居中，可以使用CSS中的text-indent属性和text-align属性的结合。
首先，使用text-indent属性将段落的第一行缩进一个适当的距离，例如设置为50px。
然后，使用text-align属性将段落的文本对齐方式设置为居中，即设置为center。
以下是一个示例的CSS样式代码：
p {
text-indent: 50px;
text-align: center;
}通过将上述样式应用于段落的CSS类或ID，可以使段落的第二行居中显示。
这种方法适用于HTML中的段落元素（<p>）以及其他具有文本内容的块级元素。
相关·内容
1回答
我有一个有4个项目的图例。我把它们放在两行两列。每个图例条目的标签长度都有很大不同。如何使图例的每一行居中？目前，我正在使用：
plt.legend(legend,labels,bbox_to_anchor=(-0.0, 1.22, 1.0, 0), mode="expand", scatterpoints=1)
从该图中，您可以看到图例的行已对齐，因此符号彼此重叠。如何使行居中，使每一行都在图x轴上居中？
浏览 14提问于2017-12-12得票数 1
回答已采纳
我需要设置width或max-width，以便margin:auto工作，对吗？。
麻烦的是，段落宽度等于max-width，所以文本块没有正确地居中。
如何使段落契约的宽度仅大到足以包含文本，并在必要时扩展到max-width？
没有javascript也没有固定宽度。谢谢。
浏览 7提问于2012-10-02得票数 0
回答已采纳
1回答
我如何设法使段落内的文本部分居中？
例如，我有一段话：
<p id="hello">Hello : <span id="love">I love you</span> very much</p>
我希望“我爱你”部分在新的一行中居中(这就是为什么我尝试使用span)，然后段落的其余部分是新行，但正常对齐。
我试过这样做，但行不通：
现在在css中，我有：
#hello {
font-size:22px;
margin: 2em;
}
#love {
text-align:center;
}
浏览 1提问于2012-12-22得票数 4
回答已采纳
我有一个使用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
5回答
我有以下代码：
<div class="one">
<p>Test<p><span style="color: Green">▼</span>
</div>
这是一个非常简单的问题，我想，但我不知道CSS。如何使段落显示为水平居中对齐？
浏览 8提问于2011-06-11得票数 3
回答已采纳
2回答
我基本上得到了一个有2行的表，它看起来像这样：
---------
| | |
| | |
| | |
|--------
我的问题是第二行的自动居中是这样的：
|hey| |
|hey|hey|
|hey| |
|--------
现在我如何添加段落，直到它变成其他段落的大小：
|hey|hey|
|hey| |
|hey| |
|--------
我怎样才能用CSS正确地做到这一点？
浏览 1提问于2010-03-06得票数 1
回答已采纳
我有个CSS问题。
我有一个固定宽度的div，里面有文本。文本是居中的，不会占用容器的整个宽度。
--我希望在居中的文本段落下面直接有一个子文本，但是子文本需要对齐到右边。不是容器的右边，而是文本的权利(在本例中是一个段落)，所以它对齐了，我在下面已经说明了。在我看来，问题是段落的宽度不是绝对的。
我怎样才能做到这一点？
黑色是容器，文本是居中文本，子文本需要与段落宽度的右边对齐，而不是容器宽度。绿色线表示div容器中段落文本的中心位置。红线是段落的尺寸，但这取决于文本，而不是一个设定的值。
段落‘文本文本’将始终是可变长度和宽度的一行。子文本需要动态地对齐段落宽度的右边。
浏览 3提问于2014-03-11得票数 0
回答已采纳
7回答
我试图在div中居中放置一个带有文本的段落标签，但在没有为段落指定固定宽度的情况下，我似乎无法使用margin: 0 auto将其居中。我不想指定一个固定的宽度，因为我将有一个动态文本进入段落标签，它将始终是一个不同的宽度，这是基于它有多少文本。
有人知道如何在div中居中段落标记，而不必为段落指定固定宽度或不使用表格吗？
浏览 0提问于2009-06-08得票数 4
回答已采纳
2回答
到目前为止，我自己尝试过的一切都以彻底失败告终。示例：这看起来非常好，完全集中在我的显示器在全屏幕上的Chrome。任何其他监视器，或浏览器窗口的大小，都以段落为中心。
如何使这些段落类似于这幅图片，表示空格的箭头？
注意:我希望容器/div是居中的，虽然我所做的图片并不能很好地表示：
浏览 1提问于2013-12-14得票数 2
回答已采纳
5回答
如代码所示，我的html中有两个段落： <div class="mainhead">
<p class="paragraph">This is a paragraph</p>
<div class="info">
<p><span class="infomail">info@zazzoo.co.za</span> <span class="infonumber">082 888
浏览 61提问于2016-07-04得票数 0
回答已采纳
0回答
我在使用xsl:fo生成表格，当表格中有中文时，设置text-align=“center”，文本没有正确居中：
fo 代码
<fo:table>
<fo:table-body>
<fo:table-row>
<fo:table-cell text-align="center" display-align="center">段落文字段落文字</fo:table-cell>
&l
浏览 14提问于2024-08-07
我希望将页面正文中的所有元素居中，而不将居中格式应用于段落。例如，我希望我的段落左对齐，但作为一个整体，在网页窗口居中。
我试着去做
<body>
<div align="center">
<p></p>
<img>
</div>
</body>
但是，虽然这会使正文中的所有元素在页面上居中，但它也会强制段落内居中对齐。
浏览 3提问于2011-12-27得票数 0
我一直在尝试将一些文本在div中垂直居中，在浏览了一段时间StackOverflow之后，我终于想到了这个：
.frame {
height: 500px;
border: 2px solid black;
}
.helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.centerText {
display: inline-block;
vertical-align: middle;
}
<div class="col-md-8">
<
浏览 0提问于2015-01-18得票数 1
2回答
在iText7中，我需要在文档的顶部创建5行居中到页面的文本。我找到的最简单的方法是：
doc.add(new Paragraph("text of line 1").SetTextAlignment(TextAlignment.CENTER));
doc.add(new Paragraph("text of line 2").SetTextAlignment(TextAlignment.CENTER));
然而，每行之间的空白量比我想要的要大。在段落中，您可以设置行距，但是如何在文档中的段落之间设置行距？还是我一开始就完全错误地这样做了？
浏览 21提问于2017-05-02得票数 4
好的，所以当从数据库中取出时，这些段落显示得很好。用CSS我有台词..。
white-space: pre-line;
新的段落行显示得很好。
但是，我添加了一些代码，使每个句子的第一个字母大写。密码是..。
$description = htmlentities(strip_tags($_POST['desc']), ENT_QUOTES);
$desc = preg_replace_callback('/([.!?])\s*(\w)/', function ($matches) {
return strtoupper($matches[1] . &#
浏览 3提问于2014-10-28得票数 0
回答已采纳
我有一个内容div，里面有一个paragraph_content div，里面有段落。
内容div为1000 is宽。现在，paragraph_content自动应用内容的1000 of宽度。所以我永远不能用页边距对它:0自动，这样段落中的文字就会居中。现在我可以做文本对齐:居中，但是这些线不能同时显示在彼此下面，因为有些线比较短，而且都是居中的。
我想要它的中心，所有的文字行放在一起，而不是一些跳进以后。
我希望它居中，这样如果文本被调整，它不仅会在右边展开，而且左边和右边都会自动展开，这样所有的内容都保持在中心位置。
我所拥有的：
#content{
width: 1000px;
浏览 1提问于2013-11-14得票数 0
回答已采纳
1回答
如何使用CSS flex在页面上水平居中放置锚点和段落？
我尽量避免在锚和段落上使用float，尽管我还没有完全掌握flex。
锚点/图像应该出现在段落的左侧，尽管它们作为一个整体应该保持居中。
到目前为止，我得到的是：
section
{
align-items: center;
display: flex;
flex-direction: column;
}
<section>
<a href="#">
<img alt="Example" src="https://jsfiddle.net/img/lo
浏览 2提问于2016-07-26得票数 9
回答已采纳
2回答
我试图在图像的左侧对齐两个段落，但我似乎找不到答案。我还试图使文本的宽度与图像的宽度相同。我需要让div align=“居中”，这样引导程序行才能位于页面的中心。请帮帮我！
这是我的网页设计中的一张图片，展示了我是如何对齐它的。
这是html代码。
<div align="center">
<div id="preview" class="col-lg-4 col-md-6 col-sm-12">
<img id="img" src="http://i.
浏览 2提问于2017-07-09得票数 1
回答已采纳
我在理解bootstrap 4的移动端第一行为时遇到了麻烦。我总是先为台式机设计，然后再往下移动。 文本居中就是这样一个我不知道该怎么做的地方。 例如，我希望一个段落在小于768px的屏幕上居中。 因此，我查找了文档https://getbootstrap.com/docs/4.0/utilities/text/，找到了类text-md-center，并认为这就是我需要的。它在中等宽度的屏幕上居中显示文本，这些屏幕不超过768px。 然而，在使用它时，却做了与我想的相反的事情--当屏幕尺寸大于768px时，它将文本居中显示。 我假设这就是所谓的“移动优先”。这不是意味着桌面优先设计吗？如何在
浏览 25提问于2019-05-27得票数 0
回答已采纳
2回答
我需要帮助使我段落的第二行居中。我不知道该做什么，因为我是HTML和CSS的新手，但我确实尝试创建了两个"p“，并给第二个"text-align: center”，但是它离第一行太远了，我觉得肯定有更好的方法来实现我想要的。 这是HTML表单： .p_music2 {
color: #000;
font-family: "PT Sans Narrow", sans-serif;
font-size: 2rem;
margin: 2.5rem 6rem;
} <p class="p_music2">
浏览 49提问于2021-10-03得票数 0
回答已采纳
4回答
我想不出如何使这三个要素对齐。我有这样的计划：
<div class="main_box">
<span class="title">Title</span>
<p>Text goes here</p>
<a class="button" href="#">Button</a>
</div>
CSS是：
.title{
float:left;
display:inline-block;
}
p{
display
浏览 3提问于2014-07-10得票数 0
回答已采纳
我有两个段落需要放在适当的位置，才能满足这些标准：
两段必须在同一高度的容器中居中，即使其中一段或两段占据多条线。这实际上与段落重叠。
段落容器必须以页面为中心，并且最大宽度必须小于页面宽度的100%。
如果页面大小调整或段落内容更改，则这些条件必须保持为真。
我知道需要跟踪的内容很多，所以我制作了一个来解释和演示所需的内容。
有趣的是，JSFiddle似乎是正确的居中，但只有当文本超过一行.
StackOverflow不允许我在没有代码的情况下发布这个问题，下面是一些代码：
<div id="container">
<p id=
浏览 2提问于2017-04-18得票数 0
回答已采纳
1回答
我试着在wordpress上内联两行，在jsfiddle上写同样的代码，文本在两行上。 我不能在段落标签中添加任何样式，因为wordpress正在幕后添加段落标签，而不对段落标签做任何操作，我如何才能将两行都放在一行中。 <strong>
<h2 style="display: inline;"> What You Will Learn Today</h2>
</strong>
<p>
<a onclick="myFunction()" id="myBtn" styl
浏览 13提问于2020-07-06得票数 0
回答已采纳
我正在尝试将下面的段落元素(email)居中，它比它的容器大：
我的代码如下：
<div class="col-lg-2 col-lg-offset-1 text-center">
<a href="mailto:{{ site.email }}">
<i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i>
<p>
浏览 3提问于2019-08-14得票数 0
我需要在名单上的号码后面留个空位。请告诉我，如何使用Api JavaScript作为Word。
在List对象的属性中，我只能设置段落的间距和段落第一行(setLevelIndents)的缩进。
浏览 5提问于2019-10-05得票数 0
回答已采纳
这就是我的代码所做的:如果#placeBookmark有.placing类，那么当我将鼠标悬停在段落上时，它会在#bookmarkThis中淡入淡出。#bookmark这只是一个带有"bookmark this“字样的div，当页面加载时，这个div会被附加到页面上，并居中于悬停的段落上，然后在鼠标移出时淡出。
我的问题/问题:当我悬停段落时，它在段落上淡入，并居中，但当我的鼠标移到#bookmarkThis(淡入的Div )上时，它就会淡出，就像我鼠标移出段落一样。如何防止#bookmarkThis弄乱我的段落悬停？
注意：#bookmarkThis在页面加载时被附加到正文中(它不是
浏览 0提问于2011-01-28得票数 0
回答已采纳
我有一个很大的段落，我想把它放在一个p标签中。我已经看到了一些解决方案，但它要求每一行都在不同的标记中。
这个想法是让行对齐并同时居中。我知道在CSS中这是没有意义的，因为属性text-align出于某种奇怪的原因同时定义了这两个属性。
在发布解决方案之前，请创建一个<p>或<div>或您想要的任何内容，用三行文本填充它，并确保前两行对齐，最后一行居中。这正是我所要求的。
浏览 0提问于2010-12-07得票数 1
2回答
我试图水平对齐3列(引导)，这些列的高度取决于视图端口的大小。如第一张图片所示，所有东西都是在大屏幕上居中和对齐的。
当视口变小时，段落的高度会发生变化，而对齐也会丢失。我想保持标题(蓝色)，段落和按钮对齐。
我最初的想法是为三种不同类型的元素创建三行。不幸的是，我无法做到这一点，因为我希望将边界保留在中间栏中。
不管视口大小如何，保持这三列对齐的正确方法是什么？
浏览 6提问于2015-05-08得票数 1
回答已采纳
3回答
我需要显示一个段落对左对齐，另一个段落对右对齐，以及一个居中图像，所有这些都在网页页脚的同一行上。
我怎样才能做到这一点？我的当前代码获得了新行的第二段。
HTML
<div id="footer">
<p class="alignleft">Text</p>
<img id="logo" src="#">
<p class="alignright">More text</p>
</div>
CSS
.ali
浏览 10提问于2013-07-15得票数 1
1回答
我正在使用适用于LaTeX的Lyx文档处理器。
我需要使用段落环境(因为我有Subsubsubsections)，并且我希望段落出现在目录中。
通过更改文档设置，我设法使段落显示在目录中。但是，紧跟在标题后面的文本不会从新行开始。
我通过插入ERT (LaTeX代码) \newline修复了这个问题。
但是，现在我遇到了一个问题，因为目录中段落的页码也显示在下一行！(而不是在页面的右侧，在其他页码下。)
那么，如何在不影响TOC的情况下，让段落正文从新行开始？
谢谢。
浏览 2提问于2012-05-12得票数 4
回答已采纳
3回答
我的段落的高度/行高为50px，text-align: center将文本居中。但是p:之前会导致它的高度/行高增加，导致文本凹凸不平。我希望p和p:之前都垂直居中。
<p>Hover This</p>
p {
background: red;
text-align: center;
height: 50px;
line-height: 50px;
font-size: 14px;
}
p:hover:before {
content: "icon";
display: inline-bloc
浏览 25提问于2013-10-18得票数 8
回答已采纳
我在让两个span6 div在Bootstrap中居中时遇到了问题。我在一个容器中的一行中有这两个divs fluid，但是所有的东西都放在左边。如果可能的话，我希望两个div彼此相邻并居中显示，但如果屏幕太小，我希望第二个跨度位于第一个跨度的下方。
任何帮助都将不胜感激。
浏览 0提问于2013-03-17得票数 0
我有excel工作簿，它维护我的客户的数据，如地址和到期金额。我正在写一个VBA代码在excel中，这将生成每个客户的到期金额的信件。我不能使用邮件合并，因为这封信很复杂。我正在使用以下代码添加段落
Set wrdApp = CreateObject("Word.Application")
wrdApp.Visible = True
Set wrdDoc = wrdApp.Documents.Add
wrdDoc.content.InsertAfter "----------"
wrdDoc.content.InsertParagraphAfter
现在我需要更
浏览 3提问于2012-01-04得票数 0
2回答
我有一些文本，我想同时在页面上居中，并将段落中的文本调整到左侧？帮个小忙？
这就是我一直在尝试的
<p align="center"><div align="left>text<br>more text</p></div>
很明显，这不起作用，这只会转移剩下的所有内容
浏览 0提问于2012-09-20得票数 1
回答已采纳
嗨，我正在尝试格式化我的网页段落，以便文本是对齐的，最后一行居中。我找到了CSS属性"text-align- last“，它允许我指定最后一行的对齐方式。
问题是Chrome和Safari不支持这个属性(但是...？)。
有没有人有替代方案或诀窍呢？
W3C手册：
谢谢
浏览 0提问于2015-11-14得票数 5
4回答
我正在寻找一种纯CSS的方式来居中的文字段落内的图像，使文本在图像的两侧包装。
Ideely the image |-----| would be placed
before or after |-img-| the text within
the code structure|-----| and the text
would wrap around the image.
浏览 4提问于2011-08-11得票数 7
回答已采纳
我希望段落居中，但段落中的文本要保持对齐。例如，我不能使用text-align: center，因为这个中心对齐了实际的文本。我如何使用css来完成这个任务呢？我确信有一个简单的解决方案，但我是新的css，我找不到答案任何地方。
浏览 3提问于2015-03-14得票数 0
回答已采纳
我需要将文本居中。我使用了文本居中对齐，但下一行居中。我需要它与顶部的线对齐。
<div class="box">
<div class="text">Some text.Some text.Some text.Some text.Some text.Some text.Some text.
Some text.Some text.Some text.Some text.Some text.</div>
</div>
如何在下一行不相对于顶行居中的情况下将文本块居中？
浏览 0提问于2013-05-15得票数 1
回答已采纳
我设法使用了另一个用户的指令，并将文本垂直居中，但它不允许我将整个东西垂直居中。我想如果我把文本放在它自己的div中，它可以做到这一点，但它没有。我如何在箭头旁边的段落居中？
垂直对齐CSS非常令人困惑……
CSS
#arrow {
width:33px;
height:25px;
background-image:url('http://i.imgur.com/26tbf.png');
margin-left:55px;
background-position:0 50%;
float:le
浏览 0提问于2012-08-04得票数 0
回答已采纳
6回答
在列表中表示页脚中的一组链接是很常见的，例如：
<div id="footer">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
浏览 2提问于2009-11-08得票数 70
回答已采纳
我已经创建了一个Jasper报告来显示从DB检索的文本。文本为HTML格式。在PDF中显示时，我需要设置文本的样式并对齐。这是一个来自DB的示例HTML文本
<html>
<p><b>This is Bold text</b></p>
<p> This is a paragraph whith indent</p>
<p>This is a paragra with no indent</p>
<p><center>This text should be cen
浏览 2提问于2015-12-08得票数 3
回答已采纳
我想在一个页面上做一个副标题，它需要居中，并且在它和标题之间没有空格。
在CKeditor窗口中，我输入了副标题作为第一行文本，并将其居中。在源代码中，CKeditor将其表示为：
<p class="rtecenter">...</p>
这导致了上面的空行。我试图删除空行，方法是将上述代码更改为：
<br><center>...</center>
或者只是
<center>...</center>
但CKeditor不喜欢这两种。它删除了中间标记，并将<br>替换为<p>
浏览 0提问于2015-05-04得票数 1
1回答
我想创建一个用于打印闪存卡的pdf --类似于：
第1页-标题-大文本以水平为中心，标志略低于和居中水平。
第2页-卡前1，图像水平居中，略高于中心垂直，小文本低于图像(像一个标题)。
第3页-卡后1，大文本在页面上水平和垂直地居中。
第4页(与内容不同的第2页相同)
第5页(与内容不同的第3页相同)
等到牌的末尾。
我也可能有静态页脚内容，打印在每一张卡上。
我已经知道了如何嵌入字体，创建自定义页面大小，以及其他一些部分，但我被段落、框架、表格、样式等淹没了。
怎样才能达到这种布局呢？或者什么是有效的结构可以使用？
编辑:正如GDDC评论的那样，这个问题太
浏览 5提问于2014-10-14得票数 0
回答已采纳
我正在创建一个面向表格的PDF，并为每一页重复第一行。我希望这一行有一个居中的标题字符串，然后是一个右对齐的日期字符串(都在同一行上，以节省垂直空间)。我以为这会非常普遍，但我在任何地方都找不到这样的例子。我在最简单的概念中背靠背使用了两个para标签，reportlab最终只使用了最后给出的对齐。然后在段落中使用此标记字符串，然后将其放入表格单元格中。所以，我的问题是，我如何在reportlab的一行中实现这两个对齐场景？或者，我是否可以背靠背地使用两个段落(使用自定义样式)？
title_pdf = "<para align=center fontSize=14>{}&
浏览 31提问于2020-11-16得票数 0
回答已采纳
1回答
我使用iText7来生成PDF。我必须在每一页上重复一个有点复杂的标题。我的复杂标题是三个段落，每个段落都有不同的格式，居中，如下所示：
我试图模仿一个示例，将重复表作为头，但没有成功。
如果我遵循一个示例，并将表替换为创建为(伪代码)的Div
Paragraph myTitle = new Paragraph();
Paragraph title1, subtitle2, sub_subtitle3; // All initialised properly
myTitle.add(title1).add(new AreaBreak(NEXT_AREA)).add(subtitle2
浏览 12提问于2021-12-23得票数 0
回答已采纳
我有一个:before元素，我想要垂直对齐，这取决于它附加的元素的高度。我使用它与<blockquote>，但我相信我的问题适用更广泛。
我有以下几个例子要说明：
基本上，我希望:before元素与段落的顶部对齐(就像它在小提琴中一样；第二个引用是正确的)。但是，如果该段落仅为一行，那么我希望该段落与:before元素垂直居中，如下所示：
+-------+
| |
| | Pithy quote.
| |
+-------+
有没有办法在CSS中做到这一点而不诉诸JS来测量段落的大小和调整样式？
我已经尝试过的一些东西：，我在<bloc
浏览 5提问于2016-02-22得票数 1
回答已采纳
1回答
我有一个表的有序列表，其中包含1行和2列，使用下面的代码。
我正在尝试使表格段落的第一行与正常列表项的数量对齐。由于某些原因，它不对齐，数字显示在底部。
如何才能1.将表格行段落与第一项相似的数量对齐? 2.将"56个引用“段落与表格中的其他td对齐？
谢谢!
<ol>
<li>
<p>This is what a normal item</p>
<p>looks</p>
<p>like</p>
</li>
<li>
&
浏览 8提问于2021-02-20得票数 3
回答已采纳
我尝试只选择align=“居中”(内联样式)的段落。
jQuery(p.MsoNormal).attr('align', 'center').addClass('av-tablecell');
这似乎选择了所有段落元素，即使没有align=center。
浏览 2提问于2012-05-08得票数 3
回答已采纳
如何使django管理门户中的文本字段更大？现在只有一行，我想把它改成大约5行，这样我就可以输入一个小段落，然后看到整个过程。
浏览 0提问于2021-03-22得票数 0
1回答
我有一个固定大小的元素，例如图像，我想在包含描述它的段落的元素旁边显示。
我想要的结果是，段落将尽可能宽，如果容器变小，则会缩小。我想在段落上加一个最小的宽度，这样当它们达到这个宽度并变小时，它们就会下降到下一行，实质上成为一个块元素，而图像将在行中居中。
我还希望在不使用媒体查询的情况下做到这一点，因为每一篇文章都可能有不同大小的图像。
当我看到转到下一行时，我的意思是段落将出现在图像下面，就好像图像和段落都是块元素一样。
<article>
<section class = "media"></section>
<
浏览 3提问于2014-09-25得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
