gpt4 book ai didi

html - 按百分比调整表格行不起作用

转载 作者:可可西里 更新时间:2023-11-01 14:49:46 26 4
gpt4 key购买 nike

为什么尺寸根本没有改变?我的理想目标是让第一行占 70%,第二行占 30%。任何建议将不胜感激

<html>
<body style="position:fixed; top:0px; left:0px;bottom:0px; right:0px; margin:0px;">
<div style='display : table; width : 100%; height : 100%'>

<div style='display : table-row; width : 100%; height : 10%;'>
<div style="height:100%; width:100%; border:solid; display : table-cell;">
blah
</div>
</div>

<div style='display : table-row; width : 100%; height : 50%;'>
<div style="height:100%; width:100%; border:solid; display : table-cell;">
hah
</div>
</div>

</div>
</body>
</html>

最佳答案

试试这个代码..

示例链接在这里:FIDDLE

HTML 代码:

<html>
<body style="position:fixed; top:0px; left:0px;bottom:0px; right:0px; margin:0px;">
<div style='display : table; width : 100%; height : 100%'>

<div style='display : table-row; width : 100%; height : 70%;'>
<div style="height:70%; width:100%; border:solid; display : table-cell;">
blah
</div>
</div>

<div style='display : table-row; width : 100%; height : 30%;'>
<div style="height:30%; width:100%; border:solid; display : table-cell;">
hah
</div>
</div>

</div>
</body>
</html>

希望这段代码对您有所帮助,如果您有任何疑问,请告诉我...

关于html - 按百分比调整表格行不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21901027/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com