html中最右边,html – 如何获得最右边的列填充剩余空间?

我找到了一个简单的解决方案:

table td:last-child {

width: 100%;

}

结果:

body {

font: 12px "Sans serif";

}

table {

width: 100%;

background-color: #222222;

color: white;

border-collapse: collapse;

}

table th {

padding: 10px;

text-align: left;

}

table td {

padding: 2px 10px;

}

table td:last-child {

width: 100%;

}

table td:nth-child(odd), table th:nth-child(odd) {

background-color: rgba(255, 255, 255, 0.05);

}

table tr:nth-child(even) {

background-color: rgba(255, 255, 255, 0.05);

}

table tr:last-child td {

padding-bottom: 10px;

}

ProductCardinalityPrice per item
Apple5$2
Pear3$3
Sausage10$0.5
Pineapple2$8
Tomato5$1
Lightsaber2$99 999

这似乎在我目前的情况下起作用,但它看起来像在其他情况下会导致不必要的副作用。如果我绊倒任何一个,我会编辑这个答案。

可能的副作用

>多字表格单元格将被包装成多行,以使列尽可能的窄。一个解决方案是在表格单元格上使用white-space:nowrap,但是当它们应该包装时,会阻碍具有大量文本的单元格。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/550533.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html5的交互标签,html5里交互元素的使用方法

在H5里,交互元素就是和用户进行互动的元素,这一部分非常的重要,并且和之前的JS控制的效果不同,H5相比于HTML增加了很多的交互元素,比如隐藏显示注脚就是其中的一个交互效果。交互元素的使用body{font-size: 12px;}span…

image 3d view HTML5,Cute Slider - 3D 2D HTML5 Image Slider

IMPORTANT!We can NOT provide support for this item since Feb 2015. If you would like to use our item, we highly recommend to use our brand new slider “Master Slider”Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects,…

适合计算机社团活动的游戏,适合大学社团活动“游戏”有哪些?

20个适合大学生活动的游戏推荐1、无敌烽火轮规则:各组统一在风火轮内站好,由裁判统一发布口令出发。行进途中,风火轮必须垂直地面,不能将所提供的道具剪裁、折叠,道具纸必须紧密相连。所有组员必须在圈内,身体的任何部…

组策略 控制台登录计算机用用户,Window 2008 R2组策略之一——组策略管理控制台...

组策略管理在windows域管理中占有重要地位,本身也不是新的内容了。但微软在Windows2008中终于集成了一个非常好用的组策略管理工具——组策略管理控制台。并且为原有的组策略添加了新的元素。本文从介绍组策略管理控制台入手,力求通过比较通俗的语言&…

计算机桌面上的输入法状态栏,输入法状态栏

2009-05-02今天不知怎么的,把工具栏里输入法的图标给搞丢了。请问大侠怎样找回?请指点,谢谢任务栏系统托盘区的输入法图标不见了,点击运行输入Ctfmon。exe 回车即可。任务栏没有输入法的解决方法(先右击任务栏/工具栏/勾选语言栏试…

html按钮分享功能实现,一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)...

前几天由于工作需要制作一个分享按钮,考虑到后续其他项目可能也会用到,于是就打算写成插件化,正好也给我自己的插件jquery.hooray增加一个新的功能,为了不浪费大家时间,我先把demo放出来,如果觉得能用到&am…

北京理工大学珠海学院专业计算机类,北京理工大学珠海学院计算机学院网络工程专业...

北京理工大学珠海学院计算机学院网络工程专业发表时间:2019-10-10作者:211大学网日前,在计算机学院网络工程专业林开荣、张海燕老师的带领下,6名来自北京理工大学珠海学院2016级网络工程专业学生参加了珠海市职业技能竞赛云计算工…

国防科技大学计算机学院教员,我国最好的四所科技大学,第一名排名世界前列,还有一所是铁饭碗...

分享亲子快乐,交流教育知识,欢迎关注陆北老师2021年泰晤士世界大学排名揭晓,中国科技大学进入了前一百名,而南方科技大学也进入了前三百名。其实我国的科技类大学,以中国科技大学为首,有四所的实力非常雄厚…

计算机图形学基础教程论文,计算机图形学小论文

为毕业生写计算机图形学小论文提供计算机图形学小论文范文参考,涵盖硕士、大学本科毕业论文范文和职称论文范文,包括论文选题、开题报告、文献综述、任务书、参考文献等,是优秀免费计算机图形学小论文网站。计算机图形学的发展及应用探讨摘要计算机图形学…

c语言添加变量到数据库+a+ +b+ 的方法,《C程序设计基础》模拟考试题(含答案)...

《C程序设计基础》模拟考试题一、选择题(每题2分。共23道选择题)1、关于C程序的叙述,错误的说法是(B)A、C程序总是从主函数开始执行B、C程序中定义的第一个函数是主函数C、在主函数中可以调用其他函数D、一个C程序可以包括多个函数2、C语言的基本数据类型包括(A)A、…

长沙理工大学计算机网络试题,长沙理工大学考试试卷(计算机网络)要点.docx

长沙理工大学考试试卷????????????????????????????????????????卷 号1 教研室(或教 ) 名易建 教研室主任 名蔡碧野????????????????????????????????????????程名称(含档次) 算机网 原理与技…

暗黑3 和社群服务器连线中断,进入《暗黑3夺魂之镰》必须知道10件事

《暗黑破坏神3》首部资料片自去年德国科隆游戏展首次亮相之后已经过去两年时间,昨天凌晨2:00新版游戏正式在台湾上线(全球其它地区也在陆续开服中),同时台湾战网也向准备进入资料片的玩家给出了10点注意事项,了解这些将帮助大家更…

哔哩哔哩服务器在哪个文件夹,哔哩哔哩缓存在哪个文件夹 具体操作步骤

我们在手机b站中缓存了视频,如果想要找到源文件,就必须要在手机的内部存储中去寻找,实际上,手机b站缓存的视频隐藏的很深,其查看路径为:文件管理/本地/内部存储/android/data/tv.danmaku.bili/download/“随…

layui表单的ajax联动,layui的select联动实现代码

要实现联动效果注意两点:第一要可以监听到select的change事件;第二异步加载的内容,需要重新渲染后才可以 正常使用。html结构:所在省份:请选择省份${provincelist.fullname}#list>所在城市 :所在区域 &a…

超算和服务器性能,烽火GPU高性能服务器助力武大超算中心建设

近日,继“武汉大学100G高速网络及网格计算集群采购项目”中标后,烽火GPU高性能服务器再次中标“武汉大学GPU集群采购项目”。作为行业首例,此次烽火将在武大超算中心同时提供Intel KNL以及NVIDIA GPU超算解决方案,两种顶尖HPC方案…

ajax成功之后在执行,ajax传入成功后执行后台方法

做一个网站,再页面读取一段文字后,点击按钮,用ajax将文字传回后台,现在我希望ajax返回成功后,执行另外一段后台方法,请问有什么好方法吗?[WebMethod]public static string GetStr(string s){lin…

Ajax用证书调用,跨域的jQuery AJAX调用,带证书(Cross domain jQuery ajax call

我已经遵循以下步骤:获取服务器允许跨域调用(与所有的标题和东西) 这个工程测试服务器与一些跨域调用此作品获取服务器以强制证书这工作一起去参加一个浏览器的服务器上的文件,选择合适的证书,并看到该文件仍然有效现在,我们得到了…

C++PrimerPlus学习——第四章编程练习

**疫情期间学习C 4-1 需要使用cin.get()设置读取位数&#xff0c;避免空格导致无法读取多个词 #include <iostream> struct info_people //define structure {char first_name[20];char last_name[20];char grade;unsigned int age; }; int main() {using namespace std…

C++PrimerPlus学习——第六章编程练习

6-1 有个问题&#xff0c;如果输入的字符既不是数字也不是字母是不是应该原样输出呢&#xff1f; #include <iostream> #include <cctype>int main() {using namespace std;char ch;cout << "Please enter something.\n";while (cin.get(ch) &…

C++PrimerPlus学习——第七章编程练习

感觉变困难了很多&#xff0c;必须要注意细节&#xff0c;不如就会出各种bug 7-1 #include <iostream> double average(double a, double b);int main() {using namespace std;double a, b;a b 0;cout << "Enter ta number:" << endl;cin >…