`

如何保证table或div不因插入form而改变大小

    博客分类:
  • css
阅读更多
一.问题描述:jsp /html 中,在table或div插入form后,表格或div变大了,影响了原来的布局

二.解放方法:

                 此时设置table <td>或div的height, width是不起作用的,如下方法可以解决

      方法一:最简单,在td中设置:overflow: hidden, 这样即使超出的部分也不会显示。

                         <td height="25px" style="overflow: hidden">

                 或    <div    style=" overflow:hidden ;100px; height:25px; float: left;"  >

                       div的样式加个overflow:hidden;,这样即便div中内容超了,也不会让div变大。

       方法二:直接对form 设置其padding和margin属性,或在CSS或直接设置

                 css:        form{   padding: 0px;  margin: 0px; }

                直接设置;

               <html:form action="/adminDeleteNews.do" method="post" style="padding: 0px;margin: 0px;" >

三.实践证明,这样做达到目的了。

分享到:
评论

相关推荐

    《Web应用技术》实验

    &lt;tr&gt;&lt;td&gt;&lt;div align="center"&gt;登录密码&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&lt;div align="left"&gt;&lt;%=pwd%&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/table&gt; (); //out.print("成功执行"+ i +"条");%&gt; &lt;p&gt; 提交" /&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; 五.实验数据记录 ...

    html自己总结

    13. 关于不同浏览器背景颜色,鼠标移动或触发颜色变化的设置14、 margin 15、&lt;meta&gt;16、 frameset17、 form在html中的作用18、 表格Table19、 链接20、 关于文字21、 序列22、 关于table 23、……

    dreamweaver的各种组件

    Background that fit 这个Object的作用是插入一个图象作为网页的背景,而当显示此网页 的浏览窗口的大小发生变化时,背景图片会自动调整大小以适合当前窗口 的大小。 Shockwave Flash 3-4 这是一个专为Flash4设计的...

    Xpage学习笔记

    第一步:在xpage中插入&lt;div dojoType=”dijit.form.Button” id=”dojoBtn”&gt;&lt;/div&gt; 第二步:在xpage中插入&lt;xp:scriptBlock&gt;&lt;/xp:scriptBlock&gt; 第三步:编写客户端javascript &lt;div dojoType="dijit.form....

    Knockout API 中文版

    不管什么时候数组改变, UI界面也会响应改变(不用指出如何插入新行或在哪里插入),剩余的工作就是同步了。例如:你可以声明绑定如下一个SPAN显示数据数量(可以放在页面的任何地方,不一定非要在template里): ...

    jQuery详细教程

    ='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。 jQuery CSS 选择器 jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。 下面的例子把所有 p 元素...

    动易博客日历插件(20081212)

    If Status = 3 And PE_CLng(Trim(Request("ReceiveType"))) = 0 And UseCreateHTML &gt; 0 And ObjInstalled_FSO = True And Trim(Request.Form("CreateImmediate")) = "Yes" Then Response.Write " &lt;iframe id='...

    asp论坛系统源代码

    &lt;td align="center"&gt;&lt;input type="submit" value="插入记录" /&gt; &lt;/table&gt; &lt;input type="hidden" name="MM_insert" value="form1" /&gt; &lt;/form&gt; &lt;p&gt;&nbsp;&lt;/p&gt;&lt;p&gt;&nbsp; &lt;p&gt;&nbsp; &lt;p&gt;&nbsp; &lt;!--&lt;!-- #...

    Javashop开发规范V2.2

    但目前还只能支持简单的单表select、insert、update,对于多表的联合查询或更新不能支持。 在这种情况下,就需要通过 daoSupport(com.enation.framework.database.impl.JdbcDaoSupport)来操作,daoSupport不对...

    jquery插件使用方法大全

    第二行代码得到class 为container的div元素,第三行代码得到标签下面id为msg的div元素(不过最好别这样写,因为jQuery需要遍历所有的div元素,对于带id的元素,直接用$("#id"))。第四行代码得到context为上下文的table...

    Html5中文手册(程序员必备手册)

    声明:本电子书内容源于网络,所有内容仅供测试, 不保证内容的正确性! HTML 5中文参考手册 由夏天(博客:www.xiatianhk.com)收集并整理 26、&lt;div&gt; 定义文档中的一个部分。 27、&lt;dl&gt; 定义定义列表。 28、&lt;dt&gt; 定义一...

    天涯易栈VC++网页操作类

    //参数1获取指定索引图片如果为NULL请指定参数2的图片Id或Nname /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~以下为网页单选框(radio)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ BOOL GetRadioChecked(int i);//检查...

    freemarker总结

    这里所说的空值,实际上也包括那些并不存在的变量,对于一个Java的 null值而言,我们认为这个变量是存在的,只是它的值为null,但对于FreeMarker模板而言,它无法理解null值,null值和不存在的变 量完全相同. 为了处理缺失...

    cuteEditor6.0

    CuteEditor can be configured to use &lt;div&gt;, or &lt;p&gt; tags when you press enter. In either mode tags can be created by using shift+enter. 支持代码缩进和小写字母 &lt;br/&gt;Cute Editor ...

    fckedit编辑器

    /*'ImageButton',*/'Button','BulletedList','NumberedList','TableCell','Table','Form'] ; 这也是改过的把鼠标右键的链接图像,FLASH,图像按钮功能都去掉 找到: FCKConfig.FontNames = 'Arial;Comic Sans MS...

    js使用小技巧

    交换表的行 TableID.moveRow(2,1) 替换CSS document.all.csss.href = "a.css"; 并排显示 display:inline 隐藏焦点 hidefocus=true 根据宽度换行 style="word-break:break-all" 自动刷新 ;URL=...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    3.名字不能以字母 xml (或 XML 或 Xml ..) 开头; 4.名字中不能包含空格。 在XML文档中任何的差错,都会得到同一个结果:网页不能被显示。各浏览器开发商已经达成协议,对XML实行严格而挑剔的解析,任何细小的错误...

    (全)传智播客PHP就业班视频完整课程

    10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn...

Global site tag (gtag.js) - Google Analytics