masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > CSS，如何在表格 <tr>行之间插入一行<div>_html/css_WEB-ITnose

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

WBOY
Lepaskan： 2016-06-21 09:43:03
asal
3251 orang telah melayarinya

本帖最后由 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吧

Label berkaitan：
CSS，如何在表格 &lt;tr&gt;行之间插入一行&lt;div&gt;
sumber：php.cn
Artikel sebelumnya：有滚动条时div高度不能充满屏幕_html/css_WEB-ITnose Artikel seterusnya：来说说比较一个那位的方法是最高效的:当页面因html标签错误(少/多/错匹配)而错乱时_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2197
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2347
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1965
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1853
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1914
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan