`
lgx2351
  • 浏览: 175319 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

TD中长串英文字母不能自动换行而汉字却可以自动换行

HTML 
阅读更多

例如：aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa不能处理自动换行，将表格伸的很长很长，而汉字字符却可以自动换行。


原因是：
英文字母之间如果没有空格，系统认为是一个单词，就不会自动换行。汉字就没有这种情况。


解决办法：
用表格把要显示的内容装起来。
在<table>标签中加入“style='TABLE-LAYOUT: fixed'”,
在需要强制单词换行的<td>标签中加入“style='word-WRAP: break-word'”。
这样就可以了。

 

<html>
	<head></head>
	<body>
		<table border="1px;" style='TABLE-LAYOUT: fixed'>
			<tr>
				<td width="100px" style='word-WRAP: break-word'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
				<td width="100px">固定宽度固定宽度固定宽度固定宽度</td>
			</tr>
		</table>
	</body>
</html>
 
分享到：
| Eclipse+MyEclipse安装及环境配置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html中表格td内容自动换行

    这将解决长串英文字母不能自动换行的问题和 TD 中汉字自动换行问题。 总结 在这里，我们讨论了如何使用 CSS 来控制 TD 中的换行。我们学习了强制不换行和强制换行的实现方法，并介绍了相关的属性和实例。

    td 内容自动换行 table表格td设置宽度后文字太多自动换行

    这个属性是`overflow-wrap`的旧版，它能让长单词或者长字符串在达到单元格边界时自动换行到下一行，而不是溢出单元格。这样，即使单元格宽度有限，内容也能被完整显示在单元格内。 在代码示例中，通过设置table的`...

    IText Html生成PDF支持中文、英文和数字换行

    经过大牛修改后的core-renderer.jar，当把HTML转化成PDF时支持table的td中的中文、英文和数字自动换行，table必须添加样式table-layout:fixed;word-break:break-strict;

    使用iText进行HTML转PDF解决中英文不换行bug

    xhtmlrenderer 进行HTML转PDF，修改了core-renderer-R8的源码，兼容中英文换行，且保持对英文单词完整性，亲测可用。

    表格自动换行主义CSS属性

    #### 描述解析：CSS配置使表格能自动换行 描述部分进一步解释了如何通过给`&lt;table&gt;`元素添加特定的样式来实现自动换行功能。这里提到的“三种参数不同形式”即指不同的CSS属性组合方式，用于实现文本在表格单元格中...

    jsp页面Table自动换行

    2. **CSS布局**：在JSP中，可以使用CSS来控制表格的样式，包括自动换行。例如，使用`word-wrap: break-word;`可以使单元格内的内容在单词边界处换行，避免溢出。`table-layout: fixed;`可以让表格根据预先设定的列宽...

    html中的div、td 、p 等容器内强制换行和不换行的实现

    另外，对于表格的自动换行，可以使用`table-layout: fixed`属性来设定固定布局，这将根据表格的宽度、边框、间距和列宽来决定表格内容的布局，而不依赖于内容本身。这通常能提高表格渲染的速度。 在跨浏览器兼容性...

    支持IE和FF同时自动换行

    在网页设计与开发过程中，一个常见的问题是如何使文本在不同的浏览器中都能正常显示，尤其是在面对文本过长而需要自动换行的情况时。由于历史原因，不同浏览器对于CSS属性的支持程度不一，这导致了开发者需要采取...

    CSS自动换行

    以上介绍的自动换行策略覆盖了从基本的文本换行到复杂布局中的自动调整，通过合理选择和组合这些CSS属性，开发者可以轻松应对不同场景下的自动换行需求，同时确保页面在各种浏览器中都能呈现出一致且美观的效果。...

    兼容多浏览器，兼容 div、p、td 的强制不换行及强制换行.

    2. **解决长串英文字母无法自动换行的问题**: - IE浏览器: ```css #wrap { white-space: normal; width: 200px; } ``` 或 ```css #wrap { word-break: break-all; width: 200px; } ``` - Firefox...

    html转pdf，ITEXT转HTML为PDF解决中文不换行问题

    1、core-renderer.jar该jar包修改过中文不换行问题 public static String getConversionHtmlCode(String linkcss,String htmlCode,String title){ String css = ""; css +="&lt;style&gt;"; css +="table{"; ...

    freemarker生成复杂excel，带换行

    在Freemarker中，如果`item.content`是一个字符串，它可能包含`\n`来表示换行。当Freemarker渲染模板时，这些`\n`会被转换为实际的换行符。 例如，一个数据对象可能看起来像这样： ```json { "title": "标题", ...

    通过CSS让TD自动换行

    例如，在JavaScript动态创建元素或者Ajax应用中，我们可以为创建的td元素添加CSS样式来实现自动换行： ```html &lt;td style="word-break: break-all;"&gt;这里是一段可能会很长的文本，如果太长，它将在任何字符处分行&lt;/...

    通过css样式控制单元格内超长文本自动换行.doc

    使用 `&lt;wbr&gt;` 标签可以解决这个问题，但是这只是一个临时的解决方案，并不能满足所有情况。 使用 CSS 样式控制单元格内超长文本自动换行的方法是，我们可以在单元格中添加一个 `&lt;p&gt;` 标签，并设置其宽度，然后将...

    td 内容自动隐藏 不换行.html

    td内容过长，自动隐藏，非常好使，鼠标挪上去显示全部内容

    gridview一般换行，强制换行

    "gridview一般换行，强制换行"这个主题涉及到如何在GridView中处理文本换行，特别是在面临内容溢出或者需要特定格式化时的处理策略。 首先，我们来理解GridView的基本工作原理。GridView自动将数据源中的字段映射到...

    css之自动换行.pdf

    在CSS布局中，自动换行是一个常见的需求，特别是在处理文本内容时。文本可能会包含各种字符类型，如连续的数字、英文字符，甚至不同语言的文字。本文主要探讨如何使用CSS来解决自动换行的问题，特别是针对IE和Fire...

Magicbox
Global site tag (gtag.js) - Google Analytics