0 0

td中input文本输入到达边界时如何自动换行0

如何实现文字输入到达边界时自动换行
如图:



<!DOCTYPE html>
<html lang="en">
	<body>
		<form>
			<table border="1" cellspacing="0" cellpadding="0" style="word-break:break-all">
				<colgroup>
					<col width="25">
					<col width="25">
					<col width="25">
					<col width="25">
				</colgroup>
				<tr>
					<td><input type="text" name=""></td>
					<td><input type="text" name=""></td>
					<td><input type="text" name=""></td>
					<td><input type="text" name=""></td>
				</tr>
			</table>
		</form>
	</body>
</html>

style="word-break:break-all"好像没效果
2012年9月24日 14:59
  • 大小: 3.3 KB

3个答案 按时间排序 按投票排序

0 0

input好像不行吧,换textarea

2012年9月24日 16:20
0 0

试下这个word- wrap:break-word

2012年9月24日 15:09
0 0

直接使用textarea

2012年9月24日 15:02

相关推荐

    CSS自动换行

    `属性,可以让表格中的列宽固定,从而强制文本在到达边界时换行。 - 示例代码: ```css table { table-layout: fixed; width: 200px; } ``` 2. **不允许单元格内换行(IE)** - 结合`nowrap`属性,可以...

    css-text 教程

    这会让过长的单词在遇到边界时自动换行。 **断字**:`hyphens`属性用于控制自动断字的行为。常用的值包括`manual`(手动断字)、`auto`(自动断字)和`none`(不进行断字)。例如: ```css p { hyphens: auto; } `...

    HTML+CSS技能测试(带答案),DOC.docx

    2. HTML 中的单标签包括 ` `(换行)、`&lt;hr&gt;`(水平线)、`&lt;img&gt;`(图像)、`&lt;input&gt;`(不同类型的输入控件)、`&lt;param&gt;`(对象参数)、`&lt;meta&gt;`(元数据)、`&lt;link&gt;`(外部资源链接)等。 3. 文字居中的 CSS ...

    HTML 语法大全

    - **用途**: 设置表格单元格中的文本不允许换行。 **60. 单元格垂直对齐 (`&lt;TD VALIGN="..."&gt;`):** - **用途**: 调整表格单元格中的文本垂直对齐方式。 - **属性**: `valign` (对齐方式)。 **61. 单元格宽度 (`&lt;TD...

    网页设计作业(二)平台答案.doc

    - **输入域**:`&lt;input type=text name="" address="" size=30&gt;`创建了一个单行文本输入区域。 6. **多选题解析**: - **列表type**:`square`表示方块样式,不是圆环、圆点或字母。 - **站点定义**:定义新站点...

    CSS初始化.txt

    - **作用**:允许单词在到达容器边缘时换行,而不是溢出。 - **意义**:确保长单词或URL等在容器宽度不足时不溢出边界。 8. **其他常见属性的初始化** - 如`font-style: normal`用于重置斜体;`vertical-align:...

    safari HTML5 handbook

    - **nobr标签**:防止文本自动换行,已废弃。 - **noembed标签**:定义当嵌入的内容不可用时显示的内容,已废弃。 - **noframes标签**:定义当浏览器不支持框架时显示的内容,已废弃。 - **nolayer标签**:定义当...

    html知识整理

    28. **多行文本框**: `&lt;textarea&gt;`标签用于创建多行文本输入区域。 ```html 默认文本 ``` 29. **复选框**: `&lt;input type="checkbox"&gt;`标签用于创建一个复选框。 ```html &lt;input type="checkbox" name="option1...

    HTML标记大全.doc

    - **作用**:使得内容中的单词不会因为超出边界而自动换行。 - **备注**:已不推荐使用,现代布局通常通过CSS控制。 **8. `&lt;WBR&gt;`** - **类型**:建议换行 - **名称或意义**:建议换行位置。 - **作用**:指定一个...

    HTML常用的标签和属性.doc

    - **用途**:定义文档中的文本字体。 - **属性**: - `face`:设置字体类型。 - `size`:设置字体大小。 - `color`:设置字体颜色。 - **示例**: ```html 宋体" size="4" color="#FF0000"&gt;这是一段红色的宋体...

    HTML_4.01__XHTML_1.0_参考手册

    - **用途**: 组织表单中的元素,并为其添加视觉边界。 **32. 字体 `&lt;font&gt;`** - **描述**: 设置文本的字体、尺寸和颜色。 - **DTD**: Transitional 类型适用。 - **注意**: 已不再推荐使用,建议通过 CSS 控制字体...

    html 语法详细资料

    - `&lt;form&gt;`定义表单,`&lt;input&gt;`、`&lt;textarea&gt;`和`&lt;select&gt;`用于输入数据,`&lt;button&gt;`创建按钮,`&lt;label&gt;`关联输入元素。 - `type`属性指定`&lt;input&gt;`的类型,如文本(text)、密码(password)、复选框(checkbox)...

    HTML语法大全

    - `alt`:当图像无法加载时显示的文本。 - **边框**: - `border`:定义图像边框的宽度。 示例: ```html 示例图片" width="300" height="200"&gt; ``` ##### 4. `&lt;hr&gt;`:水平线 - **宽度**: - `width`:定义...

    前端面试知识梳理(高级前端开发工程师)

    1. Content边界/内边界:元素的内容区域由内容本身的大小决定,比如文本或图片的尺寸。这四个边界围成的矩形是元素的content box。 2. Padding边界:围绕在内容区域周围,用于添加内部空间,可以设置背景颜色。若...

    网页制作习题集

    - `alt`: 图片无法显示时的替代文本。 #### 8. 其他常用标记 - **段落**: - `&lt;p&gt;`: 定义段落。 - **换行**: - ` `: 强制换行。 - **水平线**: - `&lt;hr&gt;`: 插入水平线。 - **标题**: - `&lt;h1&gt;`至`&lt;h6&gt;`: 不同...

    初学asp者必看

    - `&lt;input&gt;`:输入字段。 - `&lt;textarea&gt;`:多行文本输入。 - `&lt;select&gt;`:下拉列表。 - `&lt;option&gt;`:下拉列表项。 #### 二、VBScript基础语法与函数 ASP通常使用VBScript作为其脚本语言。下面介绍一些基本的...

    CavilRaw.Nowlance.gaB7Fj8

    `&lt;img&gt;`元素用于插入图像,`src`属性指定图像源,`alt`属性提供替代文本,当图片无法显示时显示此文本。 【HTML表格】 `&lt;table&gt;`元素用于创建表格,`&lt;tr&gt;`定义行,`&lt;th&gt;`定义表头,`&lt;td&gt;`定义数据单元格。`...

    全面了解行内元素与块级元素的区别

    块级元素是一类元素,它的特点是在页面上以块的形式展现,独占一行,即使没有设置宽度,也会延伸至其容器的边界。常见的块级元素包括, 至, , , , , , , , , , , , &lt;td&gt;, 等。块级元素可以设置宽度和高度,它们的排列...

    treeguys

    9. HTML表单:`&lt;form&gt;`元素用于创建表单,`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;`等元素用于创建输入字段,`&lt;button&gt;`用于创建按钮。表单处理常与服务器端的脚本(如PHP、Python等)结合,用于用户数据的提交和交互。 ...

    Odin-project

    11. **表单**:HTML表单元素如`&lt;form&gt;`、`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;button&gt;`等用于用户输入和交互。 12. **框架与布局**:`&lt;iframe&gt;`允许嵌入外部内容,如视频或地图。至于布局,CSS比HTML更关键,但HTML的`...

Global site tag (gtag.js) - Google Analytics