gpt4 book ai didi

php - 可调整大小的表格区域 PHP

转载 作者:行者123 更新时间:2023-11-29 00:28:19 25 4
gpt4 key购买 nike

我试图一次显示很多结果(比如 25 个),但我的程序在第 5 个记录附近截断了结果,但仍有可用的区域空间,结果在表格中动态创建但似乎该区域没有相应扩展。

<div id="contenido" class="contenido">

<div id="Tabs">
<ul style="cursor:pointer;">
<li id="li_tab1" onclick="tab('tab1')" >
<a>&Uacute;ltimas alertas</a> </li>
<li id="li_tab2" onclick="tab('tab2')"> <a>otras</a> </li>
</ul>

<div id="Content_Area">

<div id="tab1">
<p class="notas">Showing last alerts</p>
<table>
<tr>
<td style="color:blue">Alert</td>
<td style="color:blue">User</td>
</tr>
<?php
while ( $row = $result->fetch_array() ){

echo "<tr><td>".$row['DESCRIPTION']."</td>";
echo "<td>".$row['EMAIL']."</td>";
echo "<td>".$row['SUB_SECCION']."</td></tr>";
}
}
else
echo "error on query: ".$conx->error;
}//else
?>
</table>
</div>

<div id="tab2" style="display: none;">
<!-- We set its display as none because we don’t want to make this
tab visible by default. The only visible/active tab should
be Tab 1 until the visitor clicks on Tab 2. -->
<p>This is the text for tab 2.</p>
</div>

</div> <!-- End of Content_Area Div -->
</div> <!-- End of Tabs Div -->

</div>

CSS 创建选项卡,但目前只有第一个有表格,其他只有一行文本,但表格在这个选项卡 div 中归档 CSS

 .contenido {  
color: black;/*#333*/
background-color: #F2F2E6;

margin: 0px 0px 5px 0px;
padding: 10px;
border: 1px solid #ccc;

width: 75%;/*678px;*/
height: 480px;

float: right;
display: inline;
}

#Tabs ul {
padding: 0px;
margin: 0px;
margin-left: 10px;
list-style-type: none;
}

#Tabs ul li {
display: inline-block;
clear: none;
float: left;
height: 24px;
}

#Tabs ul li a {
position: relative;
margin-top: 16px;
display: block;
margin-left: 6px;
line-height: 24px;
padding-left: 10px;
background: #f6f6f6;
z-index: 9999;
border: 1px solid #ccc;
border-bottom: 0px;

/* make the top left and top right corners of each tab rounded. */
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
/* end of rounded borders */

width: 130px;
color: #000000;
text-decoration: none;
font-weight: bold;
}

#Tabs ul li a:hover {
text-decoration: underline;
color:red;
}

#Tabs #Content_Area {
/* this is the css class for the content displayed in each tab */
padding: 0 15px;
clear:both;
overflow:hidden;
line-height:19px;
position: relative;
top: 20px;
z-index: 5;
height: 150px;
overflow: hidden;
}

p { padding-left: 15px; }

最佳答案

问题出在您的 CSS 中。

height: 150px;overflow: hidden; in #Tabs #Content_Area 可能是因素。

由于您将 overflow: hidden; 设置为 "hidden",这可能是一个因素。

尝试将其更改为 overflow:scroll;overflow:visible; 以查看是否有效,和/或将这些 ID 的高度更改为更高的数字。

尝试不同的变体。

关于php - 可调整大小的表格区域 PHP,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17894486/

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