`

如何保证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;" >

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

分享到:
评论

相关推荐

    Js弹出div和关闭

    // 将构建好的div插入到body的开始位置 document.body.insertAdjacentHTML("afterBegin", str); } ``` 此函数首先根据不同的浏览器获取鼠标当前位置,然后计算`div`的显示位置。接下来构建一个包含样式信息的`div...

    html——div的总结

    表单元素中,`&lt;FORM&gt;`定义表单,`action`指定处理表单数据的URL,`method`指定提交方法(通常是POST或GET),`maxlength`限制输入长度,`checked`表示复选框或单选框是否默认选中。`&lt;SELECT&gt;`创建下拉列表,`...

    Dreamweaver CS6插入HTML代码和定义CSS样式综合实践1.pdf

    3. **插入div标记**:使用&lt;div&gt;标签来创建网页布局的容器。在代码视图中,为这些div添加"class"属性,比如“main”,“top”,“middle”,以便于后续的CSS样式定义。 4. **添加图片和表单**:在特定的div中插入...

    DIV+CSS网页布局基础-常用HTML标签介绍.rar

    而`&lt;span&gt;`是内联元素,只包裹文本或内联内容,不改变周围元素的布局。 7. **容器与布局标签**:`&lt;header&gt;`,`&lt;footer&gt;`,`&lt;nav&gt;`,`&lt;section&gt;`,`&lt;article&gt;`等HTML5新增标签,用于组织网页的结构,提高语义化。 8...

    thymeleafth常用标签

    - `th:unless` 用于判断条件是否不成立,如果不成立则渲染元素。 ##### 11. `th:href` - **功能介绍**:用于设置 HTML 元素的链接地址。 - **案例**: ```html ${session.user!=null}"&gt;Login ``` - **说明**:...

    常用div布局命名 和 容易忘记的html代码

    而`&lt;div&gt;`、`&lt;p&gt;`和`&lt;h1&gt;`至`&lt;h6&gt;`是块级元素,会自动占据整行。 2. **表格布局**:`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;td&gt;`(单元格)用于创建表格,`&lt;th&gt;`(表头)用于定义表头单元格。 3. **图像插入**:`图片URL" alt...

    web开发与设计复习提纲pdf

    ①表格(table):把网页上的对象按照位置分别定位在不同的单元格区域上,使用简单,但表格多了不方便。 ②框架(framework):在一个浏览器窗口中划分出不同的区域,同时分别表示不同的网页内容,使用灵活,兼容性差. ③...

    JQuery 动态生成Table表格实例代码

    JQuery 动态生成Table表格实例代码中主要涉及的知识点包括JQuery的基本使用、动态创建DOM元素、DOM操作方法以及事件处理。JQuery是一个快速、小巧且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和...

    vuejs element table 表格添加行,修改,单独删除行,批量删除行操作

    - 为了防止数据丢失,编辑行时应该有相应的逻辑确保数据在用户操作时被正确保存,而不是仅仅保存在前端的data对象中。 - 删除操作应该谨慎执行,防止误删重要数据。在实际业务中,可能需要在删除前弹出确认框让用户...

    HTML+CSS+Div测试习题.pdf

    * CSS 中的字体大小可以使用 `font-size` 属性,取值可以是 `xx-small`、`x-small`、`small` 等七个级别。 3. HTML 和 CSS 的结合应用 * 使用 CSS 样式表可以将格式和结构分离,实现网页的布局和样式控制。 * 使用 ...

    (HTMl个人作品)网上书店

    或&lt;div&gt;标签进行文本或区块的样式控制。 此外,HTML还支持表格(&lt;table&gt;)、表单(&lt;form&gt;)、图像映射()等复杂元素,可用于展示书籍分类、用户搜索功能或购物车等。在这个网上书店项目中,如果包含购物功能,可能...

    html基础教程与使用

    某些元素是自闭合的,如`&lt;img&gt;`用于插入图片。元素内部可以包含属性,如`链接文本&lt;/a&gt;`,`href`属性指定了链接的目标地址。 3. 表单(Form):HTML表单是收集用户输入的重要工具。`&lt;form&gt;`元素用于定义表单,`...

    bootstrap-table formatter 使用vue组件的方法

    通过订阅这个事件流,我们可以确保当表格渲染完成后,Vue 组件会被正确地初始化和插入到对应的表格单元格中。这样,我们可以在表格中嵌入如 `&lt;el-switch&gt;` 这样的 Vue 组件,实现交互式的开关控制。 以下是一个结合...

    html个人主页,共五个页面

    - 个人主页通常使用布局技术来组织内容,如表格(`&lt;table&gt;`)、div元素(`&lt;div&gt;`)或CSS Flexbox和Grid。 - CSS(Cascading Style Sheets)用于控制页面样式和布局,通过`&lt;style&gt;`标签内联定义或外部引用`&lt;link&gt;`...

    行内块级元素.txt

    3. **内容高度**:行内元素的高度和宽度由内容决定,不能通过CSS改变大小。 4. **不能包含块级元素**:行内元素只能包含其他行内元素,而不能包含任何块级元素。 常见的行内元素包括但不限于: - `&lt;span&gt;`:用于...

    动态添加和删除上传图片的方法

    ### 动态添加和删除上传图片的方法 在Web开发中,常常会遇到用户需要上传多个文件的...在实际应用中,还可以结合服务器端的逻辑,进一步完善文件上传功能,例如限制文件类型、大小等,从而提高系统的稳定性和安全性。

    web网页设计期末课程大作业 基于HTML仿淘宝电商网站项目的设计与实现 企业网站制作

    - **Table表格布局**:尽管Div+CSS布局已经成为主流,但在某些特定场景下,使用Table表格布局仍能有效地组织数据,例如产品列表或数据表格等。 - **导航栏效果**:通过CSS实现固定位置的导航栏,确保用户在滚动页面...

    div+css布局中选择使用html标签的方法

    这些标签在某些情况下可以直接用于功能布局,尤其是当需要更快地加载页面而不依赖于CSS样式时。 6. 段落布局使用P标签 P标签用于定义一个段落。在排版中,段落是构成文本的基本单位,使用P标签可以清晰地区分各个...

Global site tag (gtag.js) - Google Analytics