码迷,mamicode.com
首页 > 其他好文 > 详细

table中的换行问题

时间:2015-02-27 11:50:46      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
td{
width:200px;

}
</style>
</head>
<body>
<div>
<table border="1">
  <tr>
    <th>Poem</th>
    <th>Poem</th>
  </tr>
  <tr>
  	<td style="word-break:break-all">Never increase, beyond what is necessary, the number of entities required to explain anything</td>
    <td nowrap="nowrap"> 甩灯歌互动哥覅和首个hi书hiu回溯法龟速发货GIS皇帝给本科生高考品味偶尔会i搞活动少发货快京哈设定列到付款哈松哈来衡量</td>
    <td>Never increase, beyond what is necessary, the number of entities required to explain anything</td>
  </tr>
</table>
</div>
</body>
</html>

 英文若没有空格的话默认不换行 

汉字和有空格的英文会换行   英文换行会在合适的地方(即某个单词结束后换行)

添加nowrap属性后,不换行

给td添加style="word-break:break-all"英文字母会换行,且不管当前单词是否结束

table中的换行问题

标签:

原文地址:http://www.cnblogs.com/tianhao/p/4302899.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!