如何将文本的每一行都对齐到相同的宽度，并适合div？
将文本的每一行对齐到相同的宽度，并适合div，可以通过以下步骤实现：
- 使用CSS中的
text-align: justify属性来实现文本对齐到相同的宽度。这将使每一行的文本在div中均匀分布，并填充空白以达到相同的宽度。 - 在HTML中，将文本包裹在一个div元素中，例如：
<div class="align-text">
<p>第一行文本</p>
<p>第二行文本</p>
<p>第三行文本</p>
</div>- 在CSS中，为该div元素添加样式，并将
text-align: justify应用于其中的文本：
.align-text {
text-align: justify;
}
.align-text p {
display: inline-block;
}这样，每一行的文本将自动对齐到相同的宽度，并适应div的宽度。请注意，这种方法可能会在最后一行产生不必要的空白，可以通过添加额外的样式或使用JavaScript来解决这个问题。
推荐的腾讯云相关产品：无
希望以上信息对您有所帮助！
相关·内容
3回答
可以很容易地调整图像的大小，使它们都具有相同的高度，同时保持纵横比，但它们如何将它们都放在一行中，使每一行都具有相同的宽度？他们是不是裁剪了一些图片？
浏览 2提问于2010-08-07得票数 13
2回答
我在Android中创建了一个列表视图，其中的每一行都用LinearLayout显示。我遇到的问题是，由于每一行的文本都不同，所以它的对齐方式也不一样。参见，例如，"Date“-在每一行的不同位置。创建这样的视图的最佳方式是什么？
提前谢谢你，
Noam
浏览 1提问于2011-12-18得票数 0
回答已采纳
2回答
我有缩略图DIVS，这是一个简单的图像与产品的名称如下。下面是代码：
<div class="thumbs">
<a href="LINK"><img src="IMAGE" /></a>
<div>Product Name</div>
</div>
CSS如下：
.thumbs {
float:left; width:210px; height:200px; text-align:center;
}
.thumbs div {
}
.thumbs
浏览 0提问于2014-04-03得票数 4
回答已采纳
3回答
我有一个例子：
这是代码HTML：
<div class="container-fluid">
<div class="row">
<div class="col-sm-4 col-md-12 col-lg-12 " style="font-size:17px;color:white;">
<p class="text-left">- onorarii fixe;<br>
– onorarii orare, <br>
浏览 3提问于2015-04-08得票数 0
回答已采纳
4回答
我有一个带有可变长度文本行的div。现在我有像这样的东西
<div id="container" style="width: 500px">
<div>Text Line 1</div>
<div>Text Line 2 of different length</div>
<div>Text Line 3</div>
</div>
我可以text-align: center容器，但我希望每一行相对于真正居中的最长行左对齐，而不是每行都居中。
有没有一种简单
浏览 0提问于2012-03-14得票数 0
2回答
如何使椭圆垂直对齐？
、、、、
我有几行文本，每一行都被省略号截断。
.container {
display: block;
border: 1px solid;
width: 200px;
}
.text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 20px;
text-align: justify;
}
<div class="container">
<p class="text">
This is
浏览 2提问于2021-03-23得票数 4
1回答
我如何使用printf函数对齐下面这段文本我想要的输出
void print() {
printf("%s %s %d %c\n",firstName, lastName, age, gender);
}
目标为：
Foo Foo 15 M
Bob Bob 16 F
John John 12 M
我遇到的问题是，由于John的名字更长，它会将下一个说明符向下推一点。我希望它们是对齐的，这样每一行都是有序的。
浏览 0提问于2017-01-29得票数 1
2回答
我需要帮助对齐视图网格样式中的节点。我的每个行都有两个节点，但问题是它们没有对齐。在每一行中，一个节点略高于另一个节点。如何创建固定的网格维度，使每一行都是内联的？
浏览 0提问于2011-11-23得票数 1
回答已采纳
我想在div中集中对齐多行列表：
在本例中，我在ul上设置了固定宽度，以演示我想要实现的功能。但是，我需要ul的宽度是动态的，以便它只包含列表项(宽度是固定的)，即收缩以适合。列表项的每一行都应该从左侧开始，并尽可能多地容纳项目，然后才能排到新行。
div的宽度是可变的，因此，例如，如果div稍宽一点，它将如下所示：
我尝试了所有的方法，但似乎比我想象的要难得多！
浏览 0提问于2013-02-10得票数 0
回答已采纳
2回答
正确对齐字体图标
、、、
我目前找不到一种方法来正确对齐我的移动菜单上的图标后的文本，因为图标大小不同的文本没有正确对齐。
有没有人知道什么能解决这个问题？菜单是使用Wordpress生成的。
浏览 2提问于2015-11-26得票数 0
1回答
总之，我有一个由一些数据组成的文本文件，其中的每一行都固定为94。现在，当用户打开特定的文本文件时，如果我的条件满足，我将把它显示给datagridview。但是，当显示到datagridview时，即使每行的长度是94，在网格中显示的内容也不同，为什么会发生这种情况。如何确保datagridview中的每一行都以固定的方式显示
有什么想法吗?请
浏览 1提问于2010-11-11得票数 0
回答已采纳
如何将标题图像与导航栏对齐。我试着做了一个固定的位置，但它导致了灾难。我希望他们排成一排，就像在主题演示中一样。我确实增加了页眉宽度，以便将文本放入一行。
以下是主题演示
浏览 2提问于2014-01-17得票数 0
我正在使用Visual 2015创建一个报告。我有一张每行都有条形图的桌子。
这就是我所拥有的：
我希望在表的底部有一个x轴，但只在那里，而不是在每一行中，与所有的图都相关。
就像这样：
(谢谢你的帮助:)
浏览 2提问于2017-09-06得票数 0
回答已采纳
2回答
为了强调押韵，我想用行尾对齐的方式来显示诗词，如下所示：
<div style='text-align:justify'>
<p>aaaa aaa aaaaaa aa aaa aaaa</p>
<p>aaaa aaa aaaaa aaa aaaa aaaa</p>
<p>aaa aaaa aaaa aaa aaaaa</p>
<p>aa aaaaa aaaa aaaaa aaaaa aaaaa</p>
</div>
但这是行不通的--很
浏览 3提问于2014-12-27得票数 1
回答已采纳
有没有办法强制div并排出现在页面上，而不是一个接一个地出现。
假设我有像这样的主div，它有许多子div。
<div id='main'>
<div>my content 1 </div>
<div>my content 2 </div>
<div>my content 3 </div>
<div>my content 4 </div>
<div>my content 5 </div>
<div>my content 6 </
浏览 0提问于2011-12-21得票数 1
回答已采纳
3回答
我希望我没有重复--似乎没有任何问题与我的规范相同。
我正在寻找一种用jQuery“裁剪”div的方法。div将从宽度0开始，然后设置动画到其全长。棘手的部分是我想要隐藏任何溢出的文本，而不是仅仅向下推来填充空间。
常规的"overflow: hidden“似乎行不通，因为我可能有很多行文本，而且我希望每一行都被”裁剪“，所以每一行的字符都被隐藏起来，而不是跳到下一行。
我希望这一点是清楚的。有什么建议吗？
浏览 4提问于2011-04-24得票数 3
回答已采纳
我有一个列，有很多行。每一行都包含文本。有些文本是左对齐的，有些是中间对齐的，另一些是右对齐的。
我希望有第二列，其中每一行将接收一个值:如果文本在左边对齐，那么“左”，如果在中间，则“中间”等等。
有什么办法吗？
浏览 1提问于2020-09-22得票数 0
回答已采纳
我有一个ListView，每一行都是一个并排有2个TextViews的RelativeLayout (称之为textViewLeft和textViewRight)。
textViewRight文本可以在"xxxxxxx“和"yyy”(两种不同的长度)之间更改。我希望将textViewRight宽度设置为适合"xxxxxxx"，然后如果我将文本更改为"yyy"，我不希望textViewRight宽度更改。
我知道在我的xml中，我可以将layout_width指定为一个特定值，但是设备有很多不同的字体。那么，有没有一种方法可以通过编程来设置text
浏览 7提问于2014-05-08得票数 1
我想做一个简单的ListBox。每一行应该包含2个控件，一个向左对齐，另一个向右对齐，这就是全部:)我尝试了多种方法，但都不起作用。我的代码如下
<StackPanel Grid.Row="1" Margin="12,0,12,0" Grid.Column="0">
<ListBox Name="ListBox" Margin="12,0,12,0" ItemsSource="Exercises" HorizontalContentAlignment="St
浏览 0提问于2012-06-13得票数 5
回答已采纳
我想布局我的页面与浮动的行(固定宽度)，当每行有三个div(每个33%的宽度)。我是否必须在另一个"row“div中包含每一行(假设我使用一个div -所有行)？
据我所知，只有当每个“33%div”都有不同的高度时，或者如果我希望某些行包含的“33%div”少于3个“33%div”...(例如，一行包含两个项目和一些空白区域...)，才需要"rows div“。
总之-如果我的所有行都包含三个宽度为33%的div，并且所有这些div的高度都相同-那么我不需要为这些行添加包含div？
谢谢。
浏览 0提问于2013-02-12得票数 0
1回答
我在一个非常基本的网站模板上工作，左上角有固定的标题，左下角和右下角有固定的底线。
中间的内容应该是居中的，我只是不能完全弄清楚我做错了什么。
问题1。)如果移除height: 100% css属性，为什么垂直居中不起作用？
问题2。)当在html标记上声明height: 100%时，为什么站点大于100%并延伸到浏览器窗口之外？
问题3。)为什么bottom-left显示正确，但bottom-right显示不正确
问题4。)如果with设置为100%，文本右对齐，文本不应该从浏览器右框架开始并向左延伸吗？为什么要扩展浏览器窗口？
非常感谢你的帮助。代码在下面可见
<!DOCTYPE h
浏览 0提问于2012-05-16得票数 0
1回答
我正在使用borb创建PDF文档，并尝试在表格单元格中对齐文本。
from borb.pdf import Document
from borb.pdf import Page
from borb.pdf import SingleColumnLayout
from borb.pdf import Paragraph
from borb.pdf import PDF
from borb.pdf import Alignment
from borb.pdf import TableCell
from borb.pdf import FlexibleColumnWidthTable
from bo
浏览 2提问于2022-11-03得票数 0
2回答
它很容易用毛边0自动对长的文本进行居中，并用边距或填充控制距离。
但是，是否可以在不知道宽度的情况下将文本居中，如果文本是左对齐的？
在短文中间居中
文本对齐左
我不知道宽度
下面是要检查的示例：
CSS：
#long {
margin:50px auto;
text-align:left;
padding: 0px 100px;
background:white;
}
#short {
margin:0px auto;
text-align:left;
}
HTML：
<div id="long"&g
浏览 0提问于2013-04-24得票数 3
回答已采纳
4回答
如何将标签设置为右对齐，即使它们具有不同的长度。我有一组标签，它们出现在彼此的旁边，也出现在彼此的下面。
现在的问题是，它们总是从标签行中的左侧对齐，但我需要它们在显示其他行的总和时在右侧对齐。
只是为了验证我不是在谈论文本对齐，我正在寻找一种解决方案来对齐我的标签。
提前感谢
浏览 3提问于2011-02-19得票数 14
回答已采纳
2回答
从，您可以看到我有一个脚注。
我想对齐每一列中的内容，以便容器居中，但文本仍然对齐。
HTML:
<div class="left">
<div class="align">
<h6>Facebook</h6>
<h6>Twitter</h6>
<h6>Blog</h6>
</div>
</div>
<div class="right">
<div class="al
浏览 0提问于2016-02-17得票数 0
回答已采纳
我想在Flexbox中创建三个列(类似于定价计划)。
每一列都有许多具有不同文本长度的行。有没有办法使每列中的所有行都具有相同的高度？
<div class="outer">
<div class="column">
<div class="text">Some text</div>
<div class="text">Some text</div>
<div class="text">Some text
浏览 0提问于2019-11-05得票数 0
2回答
Ios表视图每行语言更改
、、、
我正在设计一个应用程序，显示英语和阿拉伯语。每一行都显示不同的语言。
因此，当我滚动时，文本对齐方式会发生变化。有时英文文本右对齐，阿拉伯文本左对齐。
我需要显示英文文本对齐是左，阿拉伯文本对齐是右。
它只有在我转到下一个视图并返回后才能工作。
浏览 1提问于2016-11-04得票数 0
3回答
Div未对齐
、、
我有一排没有对齐的div。每个div都显示在内联块中，但是有2行文本的div与行的其余部分不一致。
.stopHoriz {
display: inline-block;
border: 1px solid black;
width: 75px;
height: 75px;
text-align: center;
font-size: .8em;
}
.stopVertical {
margin-bottom: 3px;
border: 1px solid black;
width: 75px;
height: 75px;
text-align:
浏览 1提问于2013-07-28得票数 0
3回答
当文本的高度已知时，我知道如何在div中垂直对齐文本中心。假设文本的高度是20px。
用跨度对文本进行换行。Style div & span。
div {
position: relative;
}
span {
display: block
position: absolute;
top: 50%;
height: 20px;
margin-top: -10px;
}
现在，我想要响应性地对齐文本。我想要的是文本的字体大小与正文的高度成比例。假设我有以下风格：
body {
font-size: 100%;
}
span {
浏览 0提问于2013-10-21得票数 0
我对iphone应用程序开发非常陌生，我很难创建一个表格视图页面，其中每一行都包含一个左对齐的标签，旁边有一个可编辑的文本--就像它在我的iphone上的设置应用程序中的电子邮件帐户详细信息页面中的工作方式一样。
我搜索这个主题已经有几个小时了，现在我已经很清楚，我需要在UITableViewCells中添加UITableViewCells，但我仍然不清楚如何使这些文本字段占用适当的空间：
如何使文本字段对齐？
如何使文本字段尽可能地向右扩展？
如何防止文本字段隐藏左对齐标签的一部分？
浏览 4提问于2011-04-27得票数 2
回答已采纳
6回答
我正在尝试创建一个具有多行的表单。每一行都有一个可选的输入字段，后跟一个强制按钮。按钮应该垂直对齐-类似于：
_____________ _______________
| input 1 | | button 1 |
|___________| |_____________|
_______________
| button 2 |
|_____________|
我试着用固定的左边距让按钮向左浮动，但这样做会将输入字段移动到按钮的右侧-即使输入字段首先出现在标记中：
<di
浏览 0提问于2012-12-26得票数 0
回答已采纳
4回答
我有一个简单的html文档，包含一个父div和两个附加div(一个是左的，另一个是右的，它们都具有最大宽度:200 max)。
我想要实现的是，这两个div的高度相等，而左边的一个包含文本，另一个是图像，它们都是中心水平对齐。如果图像高，那么文本也是垂直中心对齐，当然，如果文本高，那么图像，它将垂直对齐。
我使用display: table作为父函数，并为两个div显示表单元格。到目前为止，它按照我的要求工作，但由于某种原因，图像的高度比原来的要小。例如，具有480 to表示的高度的图像将减少到300 to，依此类推。这是我的代码：
html {
margin: 0;
pa
浏览 1提问于2018-03-22得票数 0
回答已采纳
2回答
我正在尝试居中文本(水平和垂直)，我在这方面有一点困难。
这就是我尝试过的，但它只是水平居中，而不是垂直居中。
如何将此文本置于中心位置？
<div class="playerDetailsPage">
<p>
<h4>The text will be in the center</h4>
</p>
</div>
css
.playerDetailsPage {
background-color
浏览 0提问于2014-05-29得票数 3
回答已采纳
2回答
所以我有这个html代码：
<div>
<h1>My h1 title</h1>
<h2>This is my h2 text which needs to be center aligned and in the same time not to pass the h1 title width</h2>
</div>
我希望这个块看起来像这个只使用css的块：
说明:我的h1将有一个更大的字体，而我的h2将有一个更小的字体。我希望我的h2在div中居中对齐，并且div应该具有我的h1文本的宽度。
浏览 2提问于2015-06-02得票数 0
我想创建一个(无编号或有项目符号的)项目列表，其中每个项目都有一些与图像相邻的文本。重要的是，文本要垂直对齐到图像的中心，并且要有足够的顶部和底部填充，这样每一对文本和图像都不会垂直重叠。我试着使用这样的东西：
img.floatRight { float: right; margin-bottom: 2px; border: 0px; vertical-align: text-middle}
.myitem { font-size: 12pt; margin-bottom: 50px; margin-top: 130px; vertical-align: middle}
在HTML页面正文中
浏览 0提问于2010-02-15得票数 0
回答已采纳
2回答
我有一个表单，我想显示帮助文本。有时这篇文章可能会长一点。我想为包含帮助文本的div设置一个固定的宽度，并使其按高度增长。然后，将帮助文本的中间与相对输入对齐。我对HTML的结构很灵活。
这是一个带有表单和帮助文本的。
CSS
.form-parameter {
display : block;
}
.form-parameter label , .form-parameter input {
width : 150px;
display : inline-block;
}
.form-parameter-helptext {
width : 15
浏览 0提问于2013-09-21得票数 0
3回答
简单地说，我无法在<label>元素中使文本对齐。
<div id="contact_form">
<label for="name" id="name_label">Name:</label>
</div>
CSS
#contact_form label {
text-align: right;
}
我的页面：
你可以看到姓名、电话、电子邮件等的标签.是与左边对齐的，但我需要它们与右边对齐，所以谁能给点建议吗？
浏览 7提问于2012-02-01得票数 48
回答已采纳
在html文件中，我将一个列表设置为：
<div id="sep1">
<ul>
<li><img id="rm_img_1" src="images/remove.png"></li>
<li id="rm_txt_1">Remove Section</li>
</ul>
</div>
链接内的图像的宽度和高度均为25px。在CSS中，我有：
#sep1 ul
浏览 0提问于2014-10-07得票数 1
8回答
我正在处理一个包含坐标x，y，z的文本文件
1 128 1298039
123388 0 2
....
每一行都被分隔为3个项目，使用
words = line.split()
在处理数据之后，我需要将坐标写回到另一个txt文件中，以便每列中的项都正确对齐(以及输入文件)。每条线都由坐标组成
line_new = words[0] + ' ' + words[1] + ' ' words[2].
在C++中有没有像std::setw()这样的操纵器允许设置宽度和对齐方式？
浏览 2提问于2011-11-23得票数 180
回答已采纳
2回答
我有一个用来显示多行数字的GridView (见图)。
我希望每一行都以第n行的标题"Row n“开头。
但是，包含“行n”的TextView被其他数字遮挡。显示的数字越多，遮挡越严重。
如何让我的"Row n“TextView全屏显示？
仅供参考:网格视图有重力:中心，拉伸模式: columnWidth，高度和宽度是填充父级。
包含"Row n“的文本视图有重力: LEFT，数字有重力: CENTER_HORIZONTAL
浏览 0提问于2012-01-16得票数 1
回答已采纳
我在较小的设备宽度上遇到了问题，div变得更方形，景观更少。div的背景图像被设置为background-size: cover;，因此它只占据div高度的60%和宽度的100%。
如何将背景图像设置为覆盖100%的div高度，但保持其纵横比，以便一些背景图像将被剪切。
如何对齐背景图像，使其右侧位于div的右侧(这样背景图像的左侧将被div的左侧截断)。
浏览 4提问于2018-03-10得票数 0
6回答
如何将每一行都向右对齐？这不起作用：
Label1.Text = String.Format("{0, 15}", "aaaaaaaa").Replace(" ", " ")
+ "<br />"
+ String.Format("{0, 15}", "bbb").Replace(" ", " ");
浏览 0提问于2012-03-21得票数 3
回答已采纳
3回答
我想在GWT中实现类似于"stackoverflow问题列表“的列表(其中每一行都有多个项目、文本、标签、用户、时间等)。什么是最合适的方法？
我尝试使用FlowPanel和"HTML element“，因此结果将在DIV中进行DIV。但是，CSS是痛苦的.(无法设置右对齐的多行和左对齐的用户配置文件图像等)
如果我使用table then，它的GWT不支持行呈现。需要在细胞上工作，它又是痛苦的。
那么，有什么建议吗？(请像其他重量级框架一样排除GXT或SmartGWT，只想使用核心GWT。)
干杯,
浏览 0提问于2009-11-15得票数 1
回答已采纳
我有一个远程视图，包含3行文本/图像，每一行包含2个文本视图和1个图像视图。
我的结构是：-
垂直直线布局，水平线性布局。
我使用的布局xml是：-
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="5dp"
android:paddingTop="5d
浏览 0提问于2015-08-24得票数 1
回答已采纳
1回答
我试着用柔性盒把文字包装在图片下面，我已经尝试了我能想出的几乎所有的东西，使用柔韧生长，柔韧基础，弯曲收缩。我已经将所有的文本和图像放到了各自独立的div类中，但这似乎没有帮助。图像与文本是对齐的，但文本不会被包装，我得到图像与文本对齐的唯一方法是使用“文本对齐”，我不确定文本对齐是为什么或者如何移动图像，但它确实是对齐的。
**HTML:**```<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta ht
浏览 7提问于2022-03-19得票数 1
回答已采纳
2回答
考虑到以下CSS：
.row {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: space-between;
}
.middle {
flex-grow: 1;
margin: 0 1em;
}
以及以下HTML：
<div>
<div class="row">
<div>X</div>
<div class="middle
浏览 0提问于2018-07-16得票数 1
回答已采纳
我想创建一个div (在一个网站的主要包装内)包含2 div来填写前面提到的div。我实际上已经做了这个already....but，我的问题是，两个较小的div不对齐，也不固定在主div中。如果它们仅限于一个主div，这是怎么可能的呢？
以下是我到目前为止所做的工作，这个问题是存在的：
文本和地图(都带有黑色边框)应该在红色框中(这是主div)，在任何情况下都不应该移动。
浏览 6提问于2014-05-24得票数 0
回答已采纳
我试图在RichTextBlock中显示一些表数据。数据包含几行文本，文本包含多个空格。我将每一行作为Run对象添加到段落中。
string[] lines = tableData;
Paragraph para = this.TextContent.Blocks.First() as Paragraph;
para.Inlines.Add(new LineBreak());
para.Inlines.Add(new LineBreak());
para.Inlines.Add(new LineBreak());
浏览 7提问于2022-09-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
