首页 > 其他分享 >子元素div如何占满整个td标签

子元素div如何占满整个td标签

时间:2023-11-23 14:13:05浏览次数:34  
标签:标签 100% 元素 height position div td

答:两种思路。

思路一、放弃表格自带的自适应功能,也就是内容不会自动垂直居中,高度也不会由内容伸展。

将div相对td绝对定位,div的边缘都紧贴td的边缘。

td {
    position:relative;
}
 
div {
    position:abolsute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

思路二

从div溯源父元素,直到父元素是表格,包含div每个元素设置height:100%;

div,td,tr,tbody,table{
    height:100%
}

标签:标签,100%,元素,height,position,div,td
From: https://www.cnblogs.com/husq/p/17851408.html

相关文章

  • <p>标签导致<script></script>的高亮显示丢失。
    最近在改程序发现,<script></script>下的标签里的高亮不见,而且就一个文件是这样。网上找了一下,都说是设置的问题,也有说主题bug导致。 改了一下代码,发现惊奇的又出现高亮了:<template#description><div><div>{{item.check_man}}</d......
  • 记录 Linux zstd测试程序
    系统版本[root@localhost~]#cat/etc/redhat-releaseCentOSLinuxrelease7.9.2009(Core)1.linux命令行环境下如何从github上获取源代码直接gitclone项目的github地址(http开头),如gitclone https://github.com/facebook/zstd.git 2.Linux安装cmake3.......
  • html自定义标签参数
    html的input中使用onclick()事件可以向js传递当前标签中的属性 利用input的name属性。制作一个JSON字符串既可以把想传递数据传递给js,js接受后对数据进行处理得到想要的数据。也可以用html的data-*=“”的方式向js传递参数如下例子品名<inputtype="text"name="proName"......
  • Codeforces Round 697 (Div. 3)
    A.OddDivisor#include<bits/stdc++.h>usingnamespacestd;#defineintlonglong//#defineint__int128#definedoublelongdoubletypedefpair<int,int>PII;typedefpair<string,int>PSI;typedefpair<string,string>PSS;constintN=......
  • 切换div块内容以及切换点击事件
    今天想不用写好几个div块然后切换点击事件一直修改div中的内容于是写除了这个切换功能,以此记录遇到的问题也为大家解决一个难题。现在是这样的然后写jsfunctionChangeSale(){$("#img_one").attr("src","此处写图片地址");$('.hkeep_name').html("人名");......
  • HTML-列表标签
    列表标签列表是用来布局的列表最大的特点是就是整齐,整洁,有序,它作为布局会更加自由和方便根据使用情景不同,列表可以分为三大类:无序列表,有序列表,和自定义列表无序列表<ul>标签表示HTML页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用<li>标签定义<ul>......
  • Codeforces Round 905 (Div. 2)
    \(A.Chemistry\)https://codeforces.com/contest/1888/submission/233505834\(B.Raspberries\)https://codeforces.com/contest/1888/submission/233506474\(C.YouAreSoBeautiful\)题意:给定一个长\(n\)的序列\(a\)。对于区间\([l,r]\),如果\(a\)没有其它子序列(......
  • Codeforces Round 909 (Div. 3)
    CodeforcesRound909(Div.3)A.GamewithIntegers题意:给定一个数\(x\),\(A,B\)两人轮流进行操作,\(A\)先操作。每次给\(x\)加一或者减一,操作完后\(x\%3==0\)者获胜。判断获胜者。解题思路:判断\(A\)操作完是否能获胜,如果不能,那么一定是\(B\)获胜。代码:#include<bit......
  • Codeforces Round 905 (Div. 3) ABCDEG1
    CodeforcesRound905(Div.3)ABCDEG1A.Morning思路:签到,直接模拟。//AConemoretimes//nndbk#include<bits/stdc++.h>usingnamespacestd;typedeflonglongll;constintmod=1e9+7;constintN=2e5+10;intmain(){ios::sync_with_stdio(fal......
  • Educational Codeforces Round 99 (Rated for Div. 2)
    https://codeforces.com/contest/1455很久没有vp了,感觉思维又僵化了A题直接看样例,直接猜是长度。B题首先如果是\(x=\frac{n(n+1)}{2}\),那么就是n否则如果\(x=\frac{n(n+1)}{2}+y\),分成两类y=n,ans=n+2,y<n,我们总可以找到前面一个替换,然后恰好的到n,选取z=n-y即可C题感觉比B......