gpt4 book ai didi

html - 文本和按钮超出弹出框大小

转载 作者:太空宇宙 更新时间:2023-11-04 16:24:53 25 4
gpt4 key购买 nike

我正在处理的一个遗留网站有一个使用 iFrame 的弹出框和嵌套表格。在这个表格的单元格中有简单的文本,表格的最后一行有两个输入框;一个左对齐,一个右对齐。

在高于 1024 X 768 的屏幕分辨率上,所有内容都显示在框的边框内。问题在于当我的分辨率为 1024 X 768 或更低时,文本扩展得比框宽,因此水平滚动条被打开。我喜欢修改在这个设计中非常突出的内联 css 样式,这样文本和按钮在任何分辨率下都呈现相同,并且没有滚动条被打开。

我唯一能看到的是表格宽度设置为 100%。

任何帮助都是救命稻草。

谢谢

请查看附件中的屏幕截图:

> 1024 x 768 样本 Greater than 10241024 X 768

1024 x 768

这是表格的标记

<div align="center" style="padding: 8px 10px 4px;">
<table cellspacing="0" cellpadding="0" align="center" width="600px">
<tbody><tr>
<td align="center" valign="top">
<div class="container">
<TABLE cellSpacing="5" cellPadding="5" width="100%" class="gradientHeader">
<tr>
<th width="100%">
xxxxxx
</th>
</tr>
<tr>
<td width="100%">
some text
</td>
</tr>
<tr>
<td width="100%" style="PADDING-LEFT: 10px">
<table width="100%">
<tr>
<td width="100%">
<FIELDSET style="BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;padding:0;">
<asp:RadioButtonList id="rbl" runat="server" />
</FIELDSET>
</td>
</tr>

<tr>
<td align="left">
<AN IMAGE BUTTON>
</td>
<td align="right">
<AN IMAGE BUTTON>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<input type="hidden" name="hidProductId" id="hidProductId">

</td>
</tr>
</table>
</div>
</td></tr></tbody></table>

最佳答案

由于第一个固定宽度的表格,您提供的表格代码只会在宽度小于 600px 时滚动

colspans 中有一个错误,其中包含字段集的单元格应该是 colspan="2"而且有太多width="100%"一旦表格设置为 100%,就没有必要将它放在每个单元格中了。但是即使有了这些,这里也没有任何东西可以强制滚动条直到 <600px

我认为问题一定是 popup div 的宽度和/或 iframe相反

关于html - 文本和按钮超出弹出框大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5774201/

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