2回答
我正在处理Internet Explorer 7中的一个问题。
我想让容器div足够宽，以便在里面放一张长桌。我现在得到的是一个div，其宽度根据窗口大小和溢出该div的表的大小而定。
这是我的代码，我希望我在给出的解释中已经清楚了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org
浏览 0提问于2012-05-30得票数 1
1回答
如何计算平均字符宽度
、、、、
根据，cols属性指定每行预期的最大字符数。
当使用的字体对每个字符具有相同的宽度时，这是正确的。
根据，cols属性指定文本区域的宽度(以平均字符宽度表示)。
我猜它们是指字体的平均字符宽度，而不是文本区域中文本的平均字符宽度。
现在我的问题是用户代理如何计算特定字体的平均字符宽度，这个计算中包括哪些字符，有什么办法可以让我自己来获取或计算这些信息吗？
我想要做的是:使用除和cols属性之外的任何其他方法来计算文本区域内的可视行数。
我已经尝试过的是：
计算textContent的平均字符宽度：
const textSpan = document.getElementById
浏览 12提问于2021-02-15得票数 3
回答已采纳
3回答
请看一下。
<div id="textarea_wrapper">
<textarea>How and where my width is derived from?</textarea>
</div>
#textarea_wrapper{
height: 250px;
border:thick solid green;
}
textarea{
background-color: #930;
border:none;
margin:0;
width:auto;
resize:none;
overflow:
浏览 4提问于2014-05-06得票数 2
回答已采纳
1回答
我编写了一个XHTML1.0过渡页面(使用W3C的验证器验证)，其中包含一个table，其中包含一个textarea：
<table>
<tr>
<td>
<textarea rows="" cols="">
</textarea>
</td>
</tr>
</table>
而且，在外部样式表中，我为table和textarea编写了代码
table {
width
浏览 3提问于2013-08-21得票数 1
回答已采纳
2回答
我想让这些占据整个屏幕水平作为广场，并适合它。目前，他们适合，因为他们是内联块，但在某些屏幕大小(或如果你放大一点)，他们将留下一个<250 on的空间右侧。
我可以给他们，例如，width:25%;，但我如何使他们成为正方形？如何将高度设置为等于动态宽度？
.note {
display: inline-block;
/*
#F3F389-galben
#96C0FF albastru
#94F1B6 verde
rosu#f40042
*/
background-color: #f40042;
width: 250px;
height: 250px;
浏览 9提问于2014-10-21得票数 0
回答已采纳
1回答
我有一个想缩小宽度的textarea :但是无论我将cols=参数设置为什么，textarea都保持其宽度。为什么会这样呢？代码看起来就像
<textarea id="edit-submitted-question-request" name="submitted[question_request]" cols="10" rows="5" class="form-textarea required"></textarea>
它可以在这里找到：
编辑A
我在css中注释掉了width: 100
浏览 6提问于2015-01-24得票数 0
以下HTML：
<!DOCTYPE html>
<style>
span,textarea,div {
border: 1px solid black;
max-width: 300px;
height: 20px;
}
</style>
<div></div><br>
<textarea></textarea><br>
<input type=text><br>
在Chrome和FF中渲染以下内容。
为什么<textare
浏览 2提问于2013-11-24得票数 6
回答已采纳
6回答
我怎样才能让我的<textarea>不会超出小显示器的边界呢？我想让我的<textarea>获得当前显示的宽度。
<textarea></textarea>
浏览 2提问于2016-08-22得票数 12
3回答
用cols和行对文本区域进行大小调整与用高度和宽度调整文本区域大小有什么区别？
<textarea id="TextArea1" cols="73" rows="12">with cols rows</textarea>
<textarea id="TextArea2" style="height:200px; width:600px";>with CSS</textarea>
浏览 4提问于2013-05-17得票数 15
回答已采纳
我在div中有一个Textarea盒子。然而，当我拖动文本区并将其向下推时。Div开始屏蔽所有内容。当用户试图向下拖动textarea时，是否可以扩展div的高度。我可以在css中做吗?或者我需要javascript或jquery吗？
<div style="height:400px; width:200px; background:yellow; overflow:hidden">
<textarea style="widht:150; height:200px;"></textarea>
</
浏览 0提问于2013-05-27得票数 0
回答已采纳
3回答
CSS 'width'属性适用于<textarea>吗？
例如，在实践中，使用如下规则：
textarea
{
width:100%;
}
让我困惑的是说，
此属性指定块级和替换元素生成的框的内容宽度。此属性不适用于未替换的内联级别元素。
我认为文本区域是一个内联级元素，因为例如这样的标记.
<p>
This is some more text:
<textarea name="mytextarea" rows="3" cols="15">Text in the text are
浏览 2提问于2009-08-31得票数 5
回答已采纳
我希望设置textarea标记的宽度与table.is的宽度完全相等，有任何方法可以实现这一点。
<table width="60%">
<tr>
<td>
<textarea name="reply_comment" id="reply_comment" cols="90" rows="1" width="100%" placeholder="Type your comment here...." required></
浏览 0提问于2014-06-05得票数 0
回答已采纳
2回答
我试图使用隐式CSS网格为以下基本HTML结构生成布局：
<div class='row'>
<textarea></textarea>
<div></div>
</div>
其中.row div是一个CSS网格，其自动流设置为列，用于将元素自动放置为列：
.row {
display: grid;
grid-auto-flow: column;
}
与大多数元素一样，我预计CSS网格将为行中的textarea和div元素提供相同的空间。但相反，布局如下所示：
textarea沿行
浏览 1提问于2020-02-02得票数 0
我需要一种方法来调整基于整个页面的宽度textarea的大小。我有一个宽度为40%的div放在它旁边，我想让我的textarea占据页面的其余部分。我知道我不能只说<textarea width="60%"...>，因为textarea没有width属性。有没有办法让textarea占用相对大小的空间？
浏览 0提问于2010-12-23得票数 2
回答已采纳
我在TD标签中有一个Textarea，我希望将textarea的宽度设置为100%，这样宽度就与TD的宽度相同。
我使用过：
textarea{width:100%}
但它并没有起作用。
有没有人知道为什么它不能工作？
谢谢
浏览 0提问于2011-04-16得票数 5
回答已采纳
当设置为100%时，看起来文本区域不考虑css的最大宽度，而当设置为固定像素时，它是可以的
<textarea cols="80">text here</textarea>
和
max-width: 100%;
或
max-width: 100px;
参见max-width: 100%的代码片段：
.table {
width: 100%;
display:table;
}
.table-cell {
display: table-cell;
padding: 10px;
width: 300px;
background:
浏览 1提问于2018-11-02得票数 1
4回答
我想知道为什么textarea拒绝与包含的div对齐？
<!-- the textarea pokes out-->
<div style="border:1px solid #ccc; width:300px">
<textarea style="width:100%"></textarea>
</div>
这给我带来了确保元素对齐的困难
浏览 0提问于2010-12-10得票数 6
回答已采纳
我正在尝试创建一个带有动态(其文本内容可能有所不同)前缀的InputField (TextMesh Pro)。这张壮观的图片应该可以解释这个目标。
因此，我将TextMeshPro文本设置为前缀，通过脚本，我试图相应地“移动”TextArea。事实上，TextArea是一个RectTransform，我是在ScreenSpace呈现模式下操作。
我试过这样做：
private TextMeshProGUI prefix;
private RecTransform textArea;
public void ChangePrefixTo(string newPrefix)
{
fl
浏览 1提问于2018-09-30得票数 2
回答已采纳
3回答
我有一个简单的div，在其中我有2个文本区域。我将textarea的宽度设置为100%，但它只是稍微超出了div。
看这个。
HTML:
<div class="offer_a_help">
<textarea></textarea>
<br/>
<textarea></textarea>
</div>
CSS:
.offer_a_help {
width: 350px;
height: 250px;
position: absolute;
浏览 3提问于2013-07-04得票数 4
回答已采纳
2回答
我的输入边框有问题。当我更改边框宽度属性时，它会更改整个输入的宽度。但是，我希望输入的宽度是100%。下面是我的代码：
CSS
#wrapper {
width: 170px;
}
textarea {
border-color: #eee;
border-width: 1px;
}
label, textarea, input {
width: 100%;
display: block;
}
input {
border-style: solid;
bord
浏览 0提问于2016-10-24得票数 6
回答已采纳
1回答
我有一个简单的div，里面有两个<textarea>。在这里之前一切都很顺利。当我向它添加一个按钮时，div会自动扩展它的宽度。我不知道为什么会这样！
见。
HTML:
<div class="offer_a_help">
<textarea rows="5"></textarea>
<textarea rows="5"></textarea>
<button id="send_offer">Send Offer</b
浏览 3提问于2013-07-04得票数 0
回答已采纳
我已经研究这个问题好几个星期了。请在所附图片中注明。IE7和只有IE7不会在我的php应用程序中完全/正确地呈现textarea字段。这也发生在一些下拉字段中，您可以在附件中看到。由于某种原因，右边框将不会显示，如果这个问题持续下去，一个可能拥有IE7并且不能/不会升级的客户端将无法使用我的应用程序。
我在冲浪时发现了其他几个渲染问题；有提到使用缩放，但没有效果，另一个提到添加填充，但仍然没有效果。我发现的任何东西都没有真正解决这个特定的问题/bug。
是否有任何的CSS专家可以提供任何有关这方面的洞察力。如果有任何帮助，我们将不胜感激.
问题的形象
这是一个自动生成的网页表单。
这里是
浏览 2提问于2012-07-17得票数 0
回答已采纳
我想在实时调整事件大小时检查<textarea>的宽度和高度，而不是在释放点击之后，所以我尝试使用Angular- resize -event。但是它不能工作，这似乎只适用于<div>，而不适用于<textarea>。我还尝试将<textarea>包装在<div>中，但这不起作用，只有高度参数发生了变化，但宽度保持不变。为甚麽呢？有没有其他方法可以做到这一点？这是我的代码： HTML <div (resized)='onResize($event)'><textarea #resizabl
浏览 25提问于2019-06-10得票数 0
回答已采纳
3回答
在FireFox中，<textarea>比在属性rows中指定的行多一行。如果您在FireFox上，您可以在这里看到：
<textarea rows="2">
This clearly has 3 rows and not 2 like you might think.
</textarea>
如果您现在没有使用FireFox，那么在我看来，这就是代码片段结果的样子：
浏览 1提问于2017-10-14得票数 5
回答已采纳
1回答
我有一个像这样编码的表单，我想让它在移动版本和平板版本中都具有响应性或者响应性，不管是：
</div>
<div class="contact_form">
<form
class="form"
action="https://sheetdb.io/api/v1/it1l3r9npizts"
method="post"
id="sheetd
浏览 18提问于2022-04-07得票数 0
回答已采纳
当下一个HTML代码
<div>Some text insize DIV</div>
<textarea>Some text insize TEXTAREA</textarea>
用CSS
div {
background-color: #eee;
width: 25em;
}
textarea {
width: 25em;
}
显示不同宽度的DIV和TEXTAREA。原因是什么？
JSFiddle示例
浏览 1提问于2015-06-19得票数 1
回答已采纳
3回答
我有一张带有Textboxes和一个Textarea的桌子。我想增加这些项目的长度水平，但我似乎无法使它工作。
我试过在textboxes上使用宽度，在textarea上使用cols，但是还没有什么效果。
下面链接到我正在处理的这个页面的jsfiddlefor：
浏览 11提问于2015-03-17得票数 0
回答已采纳
12回答
我在table中有以下textarea
<table width="300"><tr><td>
<textarea style="width:100%">
longstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstring
</textarea>
</td></tr></tabl
浏览 0提问于2008-08-29得票数 10
我有一个页面，其中有一些textarea和html控件。这些元素放在div标记中：
在IE 7中，用户在文本区域中键入一些文本后，文本区域的宽度会自动改变：
现在，如果用户在文本框中键入一些文本，则textarea agian将返回到其原始宽度：
有没有人遇到过类似的问题？
浏览 2提问于2009-05-05得票数 2
回答已采纳
3回答
我的textarea遇到了一个奇怪的问题，我的textarea周围还有剩余的空间，即使去掉了所有的样式。
在下面的示例中，除了默认的2px padding之外，我删除了文本区域中的所有样式。在active/focus上填充对0px的更改，但是您仍然可以看到空间左边的1px。
我试过：
使容器有固定的高度和宽度
给出容器padding: 0;
使文本区域具有相同的固定高度和宽度。
将textarea的outline-offset更改为0
但没有结果..。
问题
额外的像素/空间来自哪里？
演示：
.container {
height: 200px;
widt
浏览 3提问于2018-05-12得票数 0
回答已采纳
5回答
我必须在两个不同的<div>中创建两个<textarea>，并且这两个都必须在一行中出现。并且在所有类型的屏幕中，两个<textarea>都必须占据100%的宽度(每个的宽度为50%)。 然而，当我尝试第二个<textarea>时，右边溢出了，甚至我也无法管理<textarea>的右边距(在CSS中)。如何避免<textarea>的右溢出？ .container {
background-color: lightblue;
border: 5px solid black;
min-height: 500p
浏览 49提问于2016-08-01得票数 3
回答已采纳
2回答
尝试弄清楚为什么我的<textarea id='customer-title'>不能扩展到超过216px并产生3-4行？
我需要的元素是4-5行的大小和伸展到<table id='meta'>。我也希望#地址是相同的宽度。
我有一个用编写的工作示例
CSS：
* { margin: 0; padding: 0; }
body { font: 14px/1.4 Georgia, serif; }
#page-wrap { width: 800px; margin: 0 auto; }
textarea { border: 0; font:
浏览 3提问于2017-02-09得票数 0
回答已采纳
3回答
设置表中文本区域的高度
、、、
我已经将我的文本区域的高度设置为500%，但出于某种原因，它不会更改为500%。我想这和它在桌子里有关系，但我不知道怎样才能正确地设置高度。由于某些原因，可以在表中更改textarea的宽度。
table,td {
border: 1px solid black;
}
textarea {
resize: none;
width: 100%;
height: 500%;
}
<table>
<tr>
<td>
firstTD
</td>
<td>
<form method = 'POST' act
浏览 8提问于2015-12-16得票数 1
回答已采纳
在下面的片段中，您可以看到<div>在增长，但是<textarea>没有增长，为什么？Chrome和Firefox也是如此。
details {
display: flex;
width: 100%;
background: gray;
}
div, textarea {
display: block;
flex-grow:1;
background: red;
margin-left: 32px;
}
<details open>
<summary>
Summary
</summa
浏览 12提问于2022-11-25得票数 -1
我正在处理一个具有水平布局的表单：
<div id="container">
<label for="ta">description</label>
<textarea id="ta" name="ta" cols="50" rows="10"></textarea>
</div>
问题是，我想要的是文本区域占用标签保留在同一行中的所有可用空间。如果我尝试使用width=100%，它会跳转到下一行：
div * {
浏览 6提问于2011-06-24得票数 6
回答已采纳
我有一台JOptionPane.showConfirmDialog。它必须显示一个非常长的字符串。它们的长度是不同的。所以我所做的就是创建一个textArea，将字符串添加到文本区域。我不想做setColumns，setRows。
有没有办法动态调整大小？做一些建议。谢谢!
String longString="asdas";//Long string.
JTextArea textArea = new JTextArea(longString);
/*want to avoid setting the size*/
//textArea.setColumns(70);
//
浏览 0提问于2016-11-07得票数 1
我认为这是一个浏览器错误，但在Chrome和Firefox当前版本的测试(在Windows上)中，这种行为是相同的。
为什么长的，包装的文本导致列分布被调整？即使在包装之后，随着包装文本的长度越来越长，它也会继续调整。您可以通过固定的选择或交互大小的textarea来看到它( textarea行为的期望稍微高一些，只是为了便于演示--我不太关心textarea是否正常工作)。
浏览 3提问于2020-11-13得票数 1
回答已采纳
我有一个内容div，在那里我想有四个相等的div，这取决于页面的宽度和高度。
目前这是我的代码：
HTML：
<div id="content">
<div class='A' id="none" data-panel_type="none">
<textarea id="1" name="none"></textarea>
</div>
<div class='B' id="none" dat
浏览 0提问于2013-04-12得票数 2
回答已采纳
2回答
浏览器中文本区域列大小不一致
、、、、
我有一个文本区域，其中定义了22 cols(列/字符)和16行。但是，在桌面和设备中，分配给文本区域的cols因浏览器而异。
下面是我从测试一个示例程序()中获得的一些测试结果。
站台:窗口
Google chrome、New浏览器和Firefox似乎每一行只允许22个字符。
平台: Mac
Safari和Google总是允许每一行输入23个字符。
平台: Android
三星J7上的Google允许每一行只输入22个字符。但是三星S9上的Google允许每一行输入21个字符。
但后续html的输出与上面的示例程序不同。Google chrome和New浏览器每行只允许21个字符，而Firef
浏览 7提问于2020-02-21得票数 2
我正在使用TextArea在GWT中显示一些文本，并且我希望支持折叠文本。请参见以下示例:折叠前的文本应如下所示：
'name': 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxx'
折叠后的文本应如下所示：
'name': 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx(...)'
为此，我需要知道TextArea的宽度，并将其与字符串的长度进行比较。在TextArea中有两个与宽度相关的方法：getOffsetWidth和getCha
浏览 0提问于2016-12-01得票数 0
2回答
在Google Chrome (使用版本50测试)中，如果我将<input>元素和<textarea>元素的宽度都设置为500px，它们显然不是相同的宽度。我试着显式删除任何填充，但它们仍然明显不同的宽度。这在Mozilla Firefox中不会发生。。
<input type="text"/>
<br/>
<textarea></textarea>
input, textarea {
width: 500px;
}
浏览 0提问于2016-06-06得票数 4
4回答
我有一个<textarea>对象，50 cols width。我想要一个和<button>对象一样宽的<textarea>。这个是可能的吗？。如果不是，一个cols是多少像素。或者我很困惑，cols根本没有阻止width of <textarea>。在这种情况下，width对象的默认<textarea>是什么？
(我不喜欢使用javascript来获取宽度，因为我正在构建一个chrome扩展，所以它必须是轻量级的)
提前谢谢你！
编辑：
如果我要用width做这个的话，好的。但是我想要和现在完全一样的宽度，因为它非常合适。那么，我如何
浏览 0提问于2019-08-02得票数 0
回答已采纳
2回答
我想找出垂直和水平滚动条的像素宽度。我知道它们对于不同的操作系统/浏览器是不同的。
我找到了这个试图检测它的代码，但是很遗憾，它似乎不能在IE7上工作：
function scrollbarWidth() {
var scrollbarWidth = 0;
if ($.browser.msie) {
var $textarea1 = $('<textarea cols="10" rows="2"></textarea>')
.css({
浏览 0提问于2012-09-27得票数 3
回答已采纳
1回答
我想把田野排成一排，我想不出来。正如你所看到的，它们不是在等高线上，我如何解决这个问题。我不是在寻找一个一次性的解决方案，我想学习如何用一种很好的方式解决这个问题。
#login-panel {
width: 400px;
}
.field {
float: left;
width: 50%;
}
#login-panel > .field > input, #login-panel > .field > select {
border: 1px solid #ccc;
padding: 1em;
margin-bo
浏览 1提问于2016-04-11得票数 1
回答已采纳
我正在尝试创建一个具有编程定义的原始/默认大小的textarea元素，但是用户可以在定义的限制范围内调整其大小，从而使其既可以增长又可以缩小。
我尝试过设置文本区域的resize、min-width、max-width和width属性，但到目前为止，这只允许用户增长textarea元素，而不是缩小它。浏览器将允许用户在width和max-width的范围内调整元素的大小，而不是按照预期在min-width和max-width的界限之间调整元素的大小。
是否有一种简单的方法来指定不被视为最小大小的默认大小？
下面是我正在使用的代码：
function textAreaWithDefault(s
浏览 7提问于2012-10-23得票数 8
我有两个文本区域，需要垂直调整大小在一起。
但是，当鼠标离开控制区域时，函数将停止正常工作(它不再看到mousemove )。
如果鼠标不在控制区域内，我能做些什么来调整两个文本区域的大小？
$('#t').mousemove(function(){$('#b').css('height',$(this).css('height'));});
$('#b').mousemove(function(){$('#t').css('height',$(this).css(
浏览 2提问于2019-08-08得票数 1
回答已采纳
2回答
我在我的页面上使用SimpleMDE作为编辑器。守则如下：
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="shortcut
浏览 0提问于2018-06-19得票数 0
回答已采纳
1回答
我也在上发布了同样的问题，但没有得到回应。所以在这里试试我的运气。
我有一个要求，在文本区域的内容是从数据库动态填充。我能够成功地检索并在文本区显示数据。
但是，当内容太大时，我无法动态设置文本区的高度。当我尝试显示与标签相同的高度时，显示是完美的，根据内容动态设置高度。因此，我尝试创建一个标签，具有相同的内容，并动态绑定高度到首选的高度，如下所示，但它不起作用。
// Generate User Note Description
TextArea textArea = new TextArea();
Label text = new Label();
// SETTING TH
浏览 0提问于2014-07-10得票数 1
关于textarea宽度的定义，我有一些问题。
所以，我有这样的情况：
<div id="dialogReject" title="">
<table style="visibility: hidden;" id="rifiutaTable" border="0" class="standard-table-cls" style="width: 100%!important">
<tbody style="backgro
浏览 1提问于2015-05-29得票数 0
回答已采纳
1回答
我正在使用ExecCommand做一个非常基本的所见即所得编辑器，因为未来的项目需要我做一个(因此，请不要告诉我像CKEditor或tinyMCE这样的东西)。当正常使用时，它都运行良好。但是，如果您输入的单词比iFrame宽，则单词不会拆分。相反，滚动条只是添加到iFrame中。这是一段视频，展示了我的问题：，所以我想知道最简单的防止这种情况的方法是什么？
下面是代码：
<script language="JavaScript">
$(document).ready(function(e) {
textArea.document.designMo
浏览 0提问于2012-05-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
