td nowrap css nowrap使用说明于注意事项

提出问题: 
<td width="28%" align="right" nowrap > 
我设置nowrap和不设置nowrap效果都一样。就是表格随着文字自动伸展,为什么?

→回答问题: 
TD元素noWrap属性的行为与TD元素的width属性有关。

◆如果未设置TD宽度,则noWrap属性是起作用的。 
◆如果设置了TD宽度,则noWrap属性是不起作用的。

示例文件,点击运行按钮,查看效果:

www.jb51.net 我们wrap属性研究

测试字符串:

我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多……

单元格未设置nowrap属性的空表:

加入测试字符串:

我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多……

单元格设置了nowrap属性,未设置width属性:

我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多……

单元格设置了nowrap属性,也设置了width属性:

我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多……

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • td nowrap css nowrap使用说明于注意事项

    提出问题:  <td width="28%" align="right" nowrap >  我设置nowrap和不设置nowrap效果都一样.就是表格随着文字自动伸展,为什么? →回答问题:  TD元素noWrap属性的行为与TD元素的width属性有关. ◆如果未设置TD宽度,则noWrap属性是起作用的.  ◆如果设置了TD宽度,则noWrap属性是不起作用的. 示例文件,点击运行按钮,查看效果: www.jb51.net 我们wrap属性研究 测

  • 浅谈js和css内联外联注意事项

    简单说:这两个问题其实是同一个问题,但是网上找了好久也找不到方法,外联的js和css文件里不能有任何HTML的标记注释,一旦有,浏览器就疯了!一去掉就好了!!! 问题:起因是网上看到一个css的表格样式,觉得挺好看,就打算放在自己的Asp.Net程序里,开始的时候我放在aspx文件里,显示正常 然后我就打算把css和js放在独立的文件里,这时候浏览器就疯掉了,显示的效果跟原先内联的时候完全不同,就好像压根没有看到我的css样式表一样,但是有部分样式又被执行了,有部分样式又被忽略了,比如表头的th

  • div css nowrap无换行

    例如宽度为210px的ul里   分别有4个li 这个4个li的宽度根据它们的自身内容长度为80px.120px.140px.80px.     我需要的效果是4个li向左自动排列.当第三个li和前两个li的长度之和大于ul的宽度时候 第三个li则会下移一行.在第二行显示.而不是把ul撑宽,或者是把自己撑高(内容换行,高度增加) 分别定义了ul的宽度210px和li的宽度自动,发现结果是: ul并没有被撑宽,可惜li也没有自动到下一样排列.而是内容换行,把li给撑高了.然后死皮赖脸的挤在了第一行

  • css display:none使用注意事项小结

    1.如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏,载入页面后,在没有通过js设置样式使元素显示的前提下,使用js代码会无法正确获得该元素的一些属性,比如offSetTop,offSetLeft等,返回的值会为0,通过js设置style.display来使元素显示后才能正确获得这些值. 2.使用display:none隐藏的元素不会被百度等搜索网站检索,会影响到网站的SEO,某些情况下可以使用left:-100000px来达到同样效果. 3.如果是通过样式文件或<s

  • CSS之自动换行

    大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法!对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准. #wrap{white-space:normal; width:200px; } 或者 #wrap{word-break:break-all;width:200px;} <div id="wrap">ddd1111111111111111

  • 纯CSS实现标签导航制作

    在网上搜索了一下都没怎么看到纯用CSS制作标签导航方面的教程或者说明,大部分都是要涉及到JS的编写的.这对于很多CSS学习中的人来说实在有些不够体贴,既然没人做那我来先来试试!我在这里做的CSS标签导航是纯CSS无JS无背景图片的绿色导航.此文章适合初学者,高手可以路过,呵呵! nav02 *{ margin:0; padding:0; } .mainNav{ margin:0 20px; height:47px; border-bottom:2px solid #000; } ul{ marg

  • jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法

    今天做帮一个师姐做网页遇到一个这样的要求: 鼠标不移动进表格,表格透明度不变. 鼠标移动进表格,hover到的单元格透明度不变,没hover到的单元格透明度改变. 先贴我已经实现好的效果,一开始,表格透明度不变. 当我鼠标移动到第二排第三个单元格,其他单元格降低透明度. 解决方法 一开始,我用的是CSS实现方法,是下面这样 #table td{ opacity:0.5; } #table td:hover{ opacity:1; } 不过这样一开始进去的时候表格透明度就是0.5,看起来很不好.

  • php 木马的分析(加密破解)

    分析可以知道,此木马经过了base64进行了编码,然后进行压缩.虽然做了相关的保密措施,可是php代码要执行,其最终要生成php源代码,所以写出如下php程序对其进行解码,解压缩,写入文件.解码解压缩代码如下: 复制代码 代码如下: <?php function writetofile($filename, $data) { //File Writing $filenum=@fopen($filename,"w"); if (!$filenum) { return false;

  • js实现动态添加、删除行、onkeyup表格求和示例

    复制代码 代码如下: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html PUBLIC "

  • javascript动态添加删除tabs标签的方法

    本文实例讲述了javascript动态添加删除tabs标签的方法.分享给大家供大家参考.具体实现方法如下: <html> <HEAD> <TITLE>网页对话</TITLE> <LINK href="style.css" type=text/css rel=stylesheet> <script> function $(obj) { var o = typeof(obj)=="object" ?

随机推荐