如何获取文本的宽度和高度？
获取文本的宽度和高度可以通过前端开发中的两种方式来实现：通过DOM操作和通过CSS属性获取。
- 通过DOM操作：
- 首先，使用JavaScript获取到需要获取尺寸的文本元素，可以通过
getElementById、getElementsByClassName、getElementsByTagName等方法获取到文本元素的DOM对象。 - 然后，使用DOM对象的
offsetWidth属性获取文本的宽度，该属性返回元素的宽度（包括边框、内边距和滚动条）。 - 类似地，可以使用DOM对象的
offsetHeight属性获取文本的高度。 - 示例代码：
- 示例代码：
- 首先，使用JavaScript获取到需要获取尺寸的文本元素，可以通过
- 通过CSS属性获取：
- 使用JavaScript获取到需要获取尺寸的文本元素，同样可以使用
getElementById、getElementsByClassName、getElementsByTagName等方法获取到文本元素的DOM对象。 - 然后，使用
window.getComputedStyle方法获取元素的计算样式，再通过计算样式对象的getPropertyValue方法获取指定属性的值。 - 对于宽度，可以使用
getPropertyValue('width')方法；对于高度，可以使用getPropertyValue('height')方法。 - 示例代码：
- 示例代码：
- 使用JavaScript获取到需要获取尺寸的文本元素，同样可以使用
这样就可以通过DOM操作或CSS属性获取文本的宽度和高度。在实际应用中，可以根据需要对获取到的尺寸进行进一步的处理和利用。
如果需要更详细的腾讯云相关产品和产品介绍链接地址，可以提供具体需求和背景，我会根据您的要求进行回答。
相关·内容
2回答
上有许多编辑文本
，
它是我使用RelativeLayout动态创建的(在XML中定义)。第一个编辑文本也是在XML中定义的，其他编辑文本是基于第一个编辑文本创建的。问题是，正如你所看到的，最后编辑的文本正在改变其高度，这与其他文本不同，但是我如何检查它呢？如何获得此编辑文本的高度并将其添加到屏幕上的下一行？
浏览 0提问于2017-04-22得票数 2
2回答
我有一个完全没有界面的页面。从字面上看，它只是一个文本字符串(它每X秒抓取一次文本，长度可以是字符和单词的不同长度)。我需要这个文本来填补恰好100%的浏览器窗口的高度和宽度。基本上，窗口将只是这个字符串(使用我需要的任何Google字体)，而不是其他(我认为它可以有一点边距，但不是很多)
文本不能沿长度或高度扩展到需要滚动的位置，因为没有用户界面可以滚动(这是在没有键盘或鼠标的显示器上显示的)...有点像一个标志，但是是数字的。
我已经尝试了我所知道的一切，我不是一个UI的人，我知道如何使页面响应性非常一般。如果需要的话，我也可以使用很多JQuery。没有角度，等等。
(这将在桌面浏览器上运
浏览 2提问于2018-03-18得票数 0
我需要在旋转后获得TextBlock的自动大小。下面是我用来在RenderTransform的帮助下将TextBlock旋转90度的代码，但它占用的空间比旋转后所需的空间要多。
<Border BorderBrush="Red" BorderThickness="3">
<TextBlock Text="Testing" RenderTransformOrigin="0.5,0.5">
<TextBlock.RenderTransform>
浏览 11提问于2018-11-19得票数 0
1回答
如何使用ATSUI绘制截断文本？？我有一个使用QuickDraw应用程序接口的传统应用程序。它使用StringWidth、TruncString和DrawString函数。我可以用ATSUI的ATSUMeasureTextImage和ATSUDrawText替换StringWidth和DrawString。然而，我找不到一种方法来截断字符串，使其适合rect。
在选择ATSUI之前，我使用了带有QuickDraw的Quartz。Quartz不提供任何函数来估计绘制文本的大小(以像素为单位)。
CGContextSelectFont(cgContext,
"Geneva"
浏览 16提问于2010-10-13得票数 0
回答已采纳
1回答
我一直在尝试在pdf中突出显示文本。经过大量的研究和实验，我似乎必须找到每个字形的边界框，在实际绘制的位置创建一个覆盖图，然后通过用边界框中的信息填充CGRect并用颜色填充来突出显示文本。现在，我被边界框难住了。
我一直在使用PDFKitten搜索并突出显示文本。现在我想用它来选择和突出显示文本。我不明白的是它如何使用边界框(以及其他信息，如上升、下降、capHeight等)。要填充，请突出显示搜索到的单词。当我尝试访问FontDescriptor类以获取信息时，它显示以下内容：
2012-06-28 16:32:20.626 er[2408:15203] x:-665, y:-325, w
浏览 1提问于2012-06-28得票数 3
如果我有文本大小和字体，那么如何计算String在屏幕上呈现之前的宽度和高度？我需要知道，因为我想把它放在一个适当大小的Container中，然后再将它绘制到屏幕上。
浏览 3提问于2022-03-29得票数 5
回答已采纳
我正在使用tableview来显示一个项目列表。
list =
[
{name='bob',
description='really long description that can be multiple rows',
image='an image from my server',
},
...
]
以上只是一个例子。我从服务器获取数据，包括可变大小的图像。我的问题是，一旦从服务器获得图像，如何显示正确的行大小(高度)。我知道，我可以等到所有的数据和图像已经从服务器下载。然后预先计算高度。但我希望能够
浏览 1提问于2015-06-24得票数 1
回答已采纳
我有一个最小的应用程序与基本的视图，文本，图片和按钮在反应原生。我面临的问题是如何管理多个设备的布局。关于如何为多个设备(多种屏幕分辨率和屏幕大小)保持相同(成比例的)视图和字体大小的任何建议。
视图:例如，如果我想要项目的列表视图，其中每行左边有一张图片，中间有一些文本，右边有两个按钮(一个在另一个下面，即flex-direction: 'column')，我如何才能在5英寸设备和10英寸设备上都能看起来很好？
另外，考虑到按钮有一些borderRadius，如果我们缩放按钮，borderRadius的值也需要增加。我该如何实现这一点？
字体:我试过使用PixelRatio.
浏览 0提问于2016-04-06得票数 1
我有一个PDF，我需要找到和替换一些文本。我知道如何创建覆盖和添加文本，但我无法确定如何定位当前文本坐标。这就是我在bytescout网站上找到的例子-
// Create Bytescout.PDFExtractor.TextExtractor instance
TextExtractor extractor = new TextExtractor();
extractor.RegistrationName = "";
extractor.RegistrationKey = "";
浏览 2提问于2020-04-03得票数 0
回答已采纳
此树中包含的图标是UIImageView的图像，但圆圈中的文本是UIButton。当设备改变时，如iPhone5更改为iPhone6 Plus，图像比例变大。按钮始终移动到圆的outSide。如何解决这个问题？
浏览 2提问于2016-01-16得票数 0
2回答
我有UITableView，在这里我有文本或文本+图像。
根据文本和图像的不同，我想要做的是单元格的高度。
我有固定大小的图像(比方说300宽x200高度)。
知道如何根据内容设置单元格的高度吗？
让我说，如果我有文字，高度应该是200 px，如果我有文本/图像，我将高度400 px。
知道在这种情况下如何设定高度吗？
浏览 6提问于2013-10-16得票数 0
回答已采纳
有人知道如何正确设置文本字段的背景图像吗？我在Xamarin中用iOS设计器尝试了一下，选择了一个背景图像，没有边框。但是现在占位符文本和用户输入的文本都是从相同的像素开始的。有没有一种方法可以缩进文本，或者如何正确地做到这一点？背景图像与文本字段的大小相同。
这是一张图片：
也许人们只能通过编程来做到这一点，但我没有找到一个可行的解决方案。如何在Xamarin中的不同解决方案上进行扩展
浏览 1提问于2014-08-06得票数 2
我尝试将文本内容放在从资源加载的图像上：
<s:Image id="mainB" depth="1" height="100%" width="100%" source="assets/img/board.png"/>
simageid.width
simageid.height
当我尝试在移动设备上获取宽度和高度时，它会在屏幕上返回图像的渲染高度。在平板电脑上，它不返回渲染的高度。当根据高度和宽度动态放置元素时，它会错误地放在平板电脑上。
如何在所有移动平台上一致地获得图像的渲染高度？
我使用的
浏览 4提问于2014-10-20得票数 0
我想用定制的标头渲染器(旋转2行文本)显示JTable。
用于设置自定义呈现程序的伪代码：
table.getColumnModel().getColumn(0..colCount).setHeaderRenderer(new TableCellHeaderRendererGraphics());
类TableCellHeaderRendererGraphics扩展了DefaultTableCellRenderer。
在这里，paint(Graphics g)和getPreferredSize()方法被重写。在paint中，我使用文本、字体、Graphics2D和AffineTransform
浏览 3提问于2015-04-02得票数 0
回答已采纳
我需要计算UItextview的高度。但是具有新行(\n)字符的文本视图意味着，它的计算不正确。例：
Test \n Lorem Ipsum只不过是打印 \n 和排版工业的 \n 虚拟文本
如何用新的行字符度量UITextView内容的高度？
浏览 2提问于2013-10-09得票数 3
回答已采纳
1回答
我通读了关于如何有效加载位图的，并且我完美地执行了它来创建缩略图。但是，当我想要加载位图而不是硬编码大小(对于缩略图，我使用75x75DP)的ImageView，它的宽度和高度是包装内容时会发生什么呢？
更具体地说：文档提供了这个函数
decodeSampledBitmapFromResource(Resources res, int resId,int reqWidth,
int reqHeight)
并计算所需宽度和高度的inSampleSize。我想得到设备的宽度和高度，并减去图像视图的填充，但在我看来，这一点有点离谱。还有别的办法吗？谢谢您抽时间见我。
浏览 1提问于2014-03-07得票数 0
我在div中有一个div。
外部div是可拖动的(JQuery)，内部div是可调整大小的(JQuery)。
内部div中有一个用文本填充的span。
如何使外部div的高度和宽度永远不会小于其内容的高度和宽度？
目前我可以调整外部div的大小，当外部div有一个边框时，这是一个问题，因为文本溢出了外部div。
提前感谢您的帮助
浏览 2提问于2013-05-08得票数 0
回答已采纳
我试图让我的布局适合于多个iPhone屏幕大小，但我在调整UIView的大小时遇到了困难，当屏幕上的尺寸小于iPhone xr时，UIView会调整自己的大小。
我已经适当地限制了视图、标签和按钮，并且所有的东西都对齐了，但是当我在较小的屏幕上查看应用程序时，我并不完全理解如何调整我的UIView容器的大小以适应更小的屏幕。
在较小的屏幕上，我的按钮不显示，因为屏幕太小。UIView是问题所在，其中的堆栈视图还需要调整或缩小文本的大小，以适应屏幕上的所有内容。
我的故事板的图像，以及相应的屏幕大小
浏览 2提问于2019-05-23得票数 0
我想创建一个固定大小的文本区域，不能通过拖动来更改大小。如何在Twitter Bootstrap中设置固定大小的文本区域。它的大小如何固定？所谓固定大小，我指的是固定数量的列和行。
我浏览了，但没有得到任何线索。
浏览 4提问于2013-03-06得票数 30
回答已采纳
在WPF4中，如何计算drawingvisual的FormattedText或GlyphRun的'Size'。
我在画布上用的是drawingvisual。当我更改文本大小或文本时，会发生更改，但实际宽度和高度是相同的，或者没有更新。
Using dc As DrawingContext = drawingvisual.RenderOpen
Dim ft As New FormattedText(...)
dc.DrawText(ft, New Point(0, 0))
浏览 4提问于2011-07-16得票数 6
回答已采纳
我有图像在SD卡中，即一个样本png有701x438大小。我想在放入ImageView之前在我的应用程序中检索的大小。 如何在java代码中获得图像的实际大小？ 我的意思是宽度和高度，这是实际的图像。
浏览 40提问于2019-01-30得票数 0
1回答
形状内的边框文本
、、、
在画布上，我有一个背景形状和文本，
你如何从css到文本模拟像overflow:hidden;这样的东西？
基本上，文本溢出了形状，我试图遮罩/剪切它，但找不到任何解决方案。有什么想法吗？
浏览 2提问于2012-12-03得票数 0
1回答
我正在开发一个应用程序，我想要的UIImageview喜欢的instagram饲料。我将主视图的前导空格和尾随空格设置为零，因此宽度现在是屏幕的100%。现在，我如何设置高度，使其根据图像的比例而变化。我尝试将内容模式设置为宽高比，但它不起作用，并且在肖像模式图像的左侧和右侧出现空格
我选择的示例图像
在UIIMageView中选择后的情况
浏览 1提问于2018-10-24得票数 0
3回答
所以我正在创建一个横幅生成器。
我将在中间添加文本，但希望它恰好在中间。我知道可以使用imagettftext在横幅上写东西，但这不会使其中心化。
一个可能的解决方案可能是找到文本的宽度，然后使用它的一半从横幅宽度的一半，但我不知道如何做到这一点。
我正在使用PHP，并且不想使用我必须安装的其他任何东西。
imagettftext($img, 14, 0, (468 - ((strlen($_GET['description']) * imagefontwidth(imageloadfont('minecraft.ttf'))) / 1)), 85, image
浏览 0提问于2014-04-07得票数 3
回答已采纳
2回答
闪存TextField，动态尺寸
、、、、
我正在构建文本气球以在Flash中显示可变长度的消息。我的问题很简单，但答案可能不是。
我有：
我想显示的字符串。
字体信息。
我希望文本字段具有的宽度/高度比。
如何计算文本字段的宽度和高度--它需要显示我给它的文本，没有更多，也没有更少？
浏览 3提问于2010-02-23得票数 1
回答已采纳
1回答
我以编程方式在随机位置创建了一个TextView。问题是:如果文本足够长(例如“黄色”)，则TextView超出范围。
我的代码
private TextView createField(int textColor, String text){
int width = Random(10, 500);
int height = Random(10, 500);
TextView valueTV = new TextView(this);
valueTV.setText(text);
valueTV.setTextColor(textColor);
浏览 0提问于2014-08-06得票数 1
因此，我和一位朋友正在尝试将文本悬停在图像上并将其居中。我们使用的是bootstrap，所以我们有一个有响应的div，图像也是，所以如果我调整页面的大小，图像会变小，但不会居中，也不会调整大小
那么，我们如何才能使它正确、可调整大小并水平和垂直居中呢？
浏览 0提问于2014-03-31得票数 0
1回答
在setNode中，我们也可以指定html。如果我提到宽度和高度，如果它是一个长的文本，它是移动的。
g.setNode(0, {
labelType: "html",
label: '<div style="color: red; width: 90px; height: 30px;">test data overlapping</div>',
width: 70,
height: 35
});
我试图给div提供宽度，但它不是工作样例。
如何使文本适合于节点内部？
浏览 4提问于2018-07-17得票数 3
回答已采纳
我的应用程序有一个基本的登录屏幕，一个外部框和一些文本字段和按钮。我设置了盒子来填充屏幕。然而，在某些设备上，这个盒子会太大。如何将最大宽度和高度设置为视图？
浏览 16提问于2016-07-11得票数 25
回答已采纳
2回答
<div style="width: 100px; height:50px; line-height:50px; overflow:hidden;">
<p>A short line</p>
</div>
<div style="width: 100px; height:50px; line-height:50px; overflow:hidden;">
<p>A really really really long line</p>
</div>
第
浏览 0提问于2010-04-01得票数 2
回答已采纳
我正在使用Bootstrap和Angular制作一个单屏网页，它被设计成在一个小屏幕上显示(比如Raspberry Pi的Adafruit 2.2“或2.8”屏幕，或者在手机屏幕上)。我想强制所有内容(大约是表格的3-4行)扩展到屏幕上，但不能大于屏幕(所以，绝对不能大于100vh和100vw，也绝对不能滚动或截断文本)
但无论如何，我都做不出来。这是我正在尝试做的JSFiddle (没有Bootstrap / Angular之类的东西)
CSS：
#statusController {
background: #333;
height: 100vh !important;
min
浏览 3提问于2015-12-04得票数 2
1回答
我正面临着使用UIScrollView使用自动布局的麻烦。我有以下带有约束的视图层次结构。
ViewA (引导、尾随、顶部和底部空间到superview)。
- ViewB (引导、尾随、顶部和底部空间到superview)。
-- UIScrollView (引导、尾随、顶部和底部空间到superview)。
这里ViewB是在ViewA上添加的，我有一些文本字段、按钮和UITableview --这些都放在UIScrollView.This中，是我的视图层次结构。
现在，我希望根据表视图的行数动态地增加我的滚动视图高度。
为此，我使用了下面的代码，但它不是working
浏览 3提问于2016-09-16得票数 0
我在板球模拟器上工作，有一个屏幕上有大量的文本框供用户输入球队和球员的信息。我现在意识到我需要滚动屏幕，因为弹出的键盘隐藏了屏幕的底部。
有没有办法让这个之前复杂的屏幕可以滚动？我知道如何从头开始创建一个ScrollView，然后在Storyboard中创建我的视图，但是有没有办法在之前创建它之后使它可以滚动呢？
谢谢。
浏览 3提问于2017-10-24得票数 0
1回答
我试着从节点中找到一个节点‘位置’的引用，想知道我该如何去做--我是不是应该以某种方式获得html文本并计算文本的长度(或者，如果里面有一些中文等字符，因为字符编码，会不会把事情搞得一团糟)，或者我应该以某种方式计算节点的大小。我该怎么做呢？我希望遍历所有节点并计算每个节点的“大小”，但我在节点中看不到任何类似的属性。
对于我业余的解释，很抱歉，我只是刚刚开始使用JS，你可能会说:)
谢谢!
浏览 2提问于2013-04-08得票数 0
我继承了UICollectionViewLayout，并实现了所有必要的方法，如PrepareLayout、layoutAttributesForItemAtIndexPath、layoutAttributesForElementsInRect。以前UICollectionViewCell的高度是固定的，但现在随着需求的改变，我想根据标签的高度来调整我的单元格的高度。如何在UICollectionViewLayout类中获取标签文本？
任何类型的提示或帮助都是值得感谢的。
浏览 0提问于2016-08-10得票数 0
7回答
我试着用
height: 100%
但是这使得div的大小和它的内容一样高-它只包含一个单词的文本。
如何强制div使用屏幕高度？
浏览 0提问于2009-07-08得票数 6
回答已采纳
我在我采用的网站主菜单上创建了一个CSS按钮(不是我自己设计的)，这个按钮在页面顶部看起来很棒。但是，一旦我向下滚动，菜单压缩到粘滞菜单中，文本就与按钮背景不对齐。文本下降到按钮背景的下方，我不确定如何修复它。 我试着调整填充，而不是设置按钮的高度和宽度，但填充在左右两侧都不起作用，所以我又回到了静态大小。我当前的按钮代码如下所示。 .button-menu {
background-color: #0051a3;
width: 100px;
height: 30px;
text-align: center;
vertical-align: central;
border-radius: 1
浏览 21提问于2019-05-31得票数 1
我想要创建一个文本阅读器，它将剪切文本并将其放入TextView (表示我的页面)中，并一个接一个地放入其中。这些内容包含在一个ViewFlipper (代表我的整个文本)中，它允许我翻页。
由于缺点，我不能聪明地删掉我的文字。目前，我将每个TextView限制为多个字符，但它非常不稳定。的确，有些字母比其他字母占用更多的空间。我们不能用这种方法。
我们如何才能知道多少文本将进入TextView?
我试图手动找到我的视图的最大大小。我引用了：
float test = view.getPaint().measureText(myString);
效果很好。当我输入480个字母(0和1)时，我得
浏览 5提问于2011-09-14得票数 12
1回答
在我的flex应用程序中，我有这样的场景:父到子Vbox->Canvas->Sprite->Textflow
在这个场景中，我现在需要拥有文本流的动态高度&它的父级。在这里，根父级是我拥有的datagrid的项目呈现器。
我需要行的高度来调整它的内容。
现在，我正在将xml导入到textflow中，然后获取行数和文本高度。然后删除文本流，并根据行数和文本高度将其重新添加到测量高度。
我如何才能在不删除和重新添加它的情况下实现它，因为它需要花费很多时间进行更新？
提前谢谢。
浏览 1提问于2009-06-24得票数 0
我很难让ckeditor在我的Rails应用程序中正确地调整图像的大小。当我查看中的html时，似乎没有显示height和width参数。当我在rails中保留文本未清理时，height和width参数如下所示，这显然是使用冒号代替"=“，后跟数字”“。
<img alt="" src="/ckeditor_assets/pictures/1/content_world.png" style="float: left; width: 100px; height: 100px; " />
有没有人知道如何在config.js中的
浏览 0提问于2011-08-27得票数 1
使用listView，我正在试验(仅在iOS上)动态单元在一开始就显示不好。单元格是图像和文本的混合，在第一次执行时，文本和图像是混合的。然后，在滚动之后，他们很好地调整了大小。
我的代码是：
<ListView x:Name="MyListView" HasUnevenRows="true" IsVisible="false">
<ListView.ItemTemplate>
<DataTemplate>
浏览 0提问于2018-11-16得票数 1
我想画一个NSAttributedString到一个定制的视图，并垂直居中，无论字体，大小等。字符串只是一个小数字之间的1-99。
到目前为止，我已经尝试调用[NSAttributedString size]方法来确定所绘制的字符串的高度。当时的计划是在使用drawInRect:或drawAtPoint:绘制字符串时使用高度图来对字符串进行居中。我的问题是，大小方法返回的高度比绘制的字形要大。在进行了一些实验之后，似乎size:方法返回那些属性(包括下降器等)的最高可能的象形文字的高度，而不是我的NSAttributedString中的特定象形文字的高度。
更新：
正如约书亚·诺齐在他的回答中
浏览 2提问于2011-11-13得票数 3
回答已采纳
我正在设计一个页面来添加/编辑用户-我使用了一个中继器控件和一个表格来显示用户。在用户视图中，表行的单个列具有显示记录值的标签，当用户单击编辑按钮时，标签被隐藏，并显示文本框供用户编辑值-问题是-只要文本框可见，表格大小就会增加-行高度和单元格大小变大。是否有一种方法可以显示文本框，使其与标注的大小相同
浏览 1提问于2008-09-24得票数 0
1回答
如何在多个跨转设置时获取文本宽度
、、、、
我为spannableText设置了span，并将其设置为TextView。之后我想得到这个文本的宽度和高度。但是结果没有考虑到由于设置的跨度而引起的文本大小的变化。下一个解决方案是工作不正确。
return textView.getPaint().measureText(text, 0, text.length());
浏览 0提问于2013-09-19得票数 8
2回答
我想在div部分显示一个图像。下面是我使用的css
#imagesection {margin:10px 10px 10px 10px; float:left; border: 5px solid #f0f0f0;}
#container {width:90%; margin:3% 0px 0px 10%;}
#full_page {height:auto; width:auto;}
#name {background-color:#FFF; word-wrap:break-word; word-break:}
</style>
图像显示得很
浏览 3提问于2012-11-29得票数 0
回答已采纳
我想要做的是增加输入标签中文本区域的大小。我在google上查了一下，我得到的只是textarea标签的解决方案，而不是输入文本区域。
<input type="textarea" name="skills" placeholder="list the skills you require here" required>
我希望文本区域在宽度和高度上都更大。有没有可能在不使用CSS的情况下做到这一点？
浏览 0提问于2016-02-23得票数 0
回答已采纳
我将节点宽度设置为“label”，它会根据标签中的文本自动调整节点的大小。虽然现在我想设置我的节点高度等于节点宽度，这样我的形状就不会看起来很挤。我该怎么做？
浏览 2提问于2016-03-17得票数 0
3回答
如果我有一个文本列表，例如<br>abc<br>de<br>fghij,<br>和style="width:auto; height:auto;"
如何在浏览器调整其大小后才能获得它的宽度和高度，只使用JavaScript (最好不是jQuery)?
blah.style.width和blah.style.height返回空字符串。在使列表可见之前，我想得到这些值，但是如果需要的话，我可以在屏幕上显示它。
浏览 5提问于2016-06-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
