Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > CSS，如何在表格 <tr>行之间插入一行<div>_html/css_WEB-ITnose

CSS，如何在表格 <tr>行之间插入一行<div>_html/css_WEB-ITnose

WBOY
Release： 2016-06-21 09:43:03
Original
3251 people have browsed it

本帖最后由 qq860 于 2013-04-25 22:37:01 编辑

CSS 布局

由于程序原因，现需要像下面例子一样， 能在上与下一行的  之间，插入一行
，DIV不能圈在tr和td内。



  • 这里插入内容保持布局不变


内容1
内容3




直接这样写，div里面的内容 会跑到 之前，有没什么方法可以实现这样写，又保持布局不变，DIV在两行tr的中间？求赐教。。

回复讨论(解决方案)

首先不能插入  违反html结构

其次没看出中间的  div>ul>li放在 tr>td里对你现在有什么影响

最后你可以成上下2个table  中间 弄个div

楼主不是瞎搞吗。。div又不是table的子元素。。直接插入tr不就行了

你可以试试合并单元格，或做成两个表，或不用表格，全用div模拟。

你这程序需要真是够奇葩的。。。。

楼主的意思是要

  • 这里插入内容保持布局不变
在两行之间，但又不在表格内，还是要在表格内呢？

直接搞成两个table不就行了

这样是不可以的，用两个table吧

Related labels：
CSS，如何在表格 &lt;tr&gt;行之间插入一行&lt;div&gt;
source：php.cn
Previous article：有滚动条时div高度不能充满屏幕_html/css_WEB-ITnose Next article：来说说比较一个那位的方法是最高效的:当页面因html标签错误(少/多/错匹配)而错乱时_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2197
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2347
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1965
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1853
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1914
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template