怎样让select的高度充满表格？-CSDN论坛

怎样让select的高度充满表格？

Web 开发 > HTML(CSS)

收藏回复

[问题点数：100分，结帖人My_Love]

⋅求一个考虑采样误差的最大公约数算法 ⋅请大家帮忙顶下支持国产手机的贴 ⋅wchar_t Ch = '中';有类似这样直观的初始化方法吗？ 更多帖子 关注私信空间博客 My_Love 等级 本版专家分：6 结帖率 98.37%

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<meta http-equiv="Content-type" content="text/html; charset=gb2312" />

	<title>test select</title>

</head>

<body>

	<table border="0" style="width:100%;">

		<tr>

			<td style="height:100%;">

				<select name="cars" size=2 style="width:100px; height:100%;">

					<option value="login" selected="selected">登录</option>

					<option value="api">版权</option>

					<option value="fiat">Fiat</option>

					<option value="fiat">Fiat</option>

					<option value="audi">Audi</option>

					<option value="fiat">Fiat</option>

				</select>	

			</td>

			<td style="width:100%;">

				<textarea name="post[body]" rows="10" style="width:100%; resize:vertical"></textarea>

			</td>

		</tr>

	</table>

</body>

</html>

现在的在chrome还可以，在ie和firefox就达不到效果。
去掉<!DOCTYPE...又都可以很奇怪的兼容问题。有什么好的办法？

2013-11-22 10:01:29

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅终于完成了小目标还是买不起房只能散分

⋅最近论坛页面体验很不好

⋅合上电脑发现四周空无一人突然有感而发

更多帖子

关注私信空间博客

KK3K2005

等级

本版专家分：51337

勋章

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

黄花 2013年11月 Web 开发大版内专家分月排行榜第二

蓝花 2013年10月 Web 开发大版内专家分月排行榜第三: size=2
你吧这个设置的大点

2013-11-22 10:24:02

点赞只看TA 引用举报 #1得分 20

⋅未选中的TabBarItem的图标颜色，默认是灰色的，该怎么设置默认为白色。 ⋅iOS8 获取视频缩略图带有时间，怎么获取 ⋅Size Class与AutoLayout有没有详细的教程 更多帖子 关注私信空间博客 junlinfushi 等级 本版专家分：66 勋章 红花 2013年11月其他开发语言大版内专家分月排行榜第一: size设置大点

2013-11-22 10:38:03

点赞只看TA 引用举报 #2得分 10

⋅求一个考虑采样误差的最大公约数算法 ⋅请大家帮忙顶下支持国产手机的贴 ⋅wchar_t Ch = '中';有类似这样直观的初始化方法吗？ 更多帖子 关注私信空间博客 My_Love 等级 本版专家分：6: 引用 1 楼 KK3K2005 的回复:
size=2
你吧这个设置的大点

设置到多大？

2013-11-22 11:27:17

点赞只看TA 引用举报 #3得分 0

⋅终于完成了小目标还是买不起房只能散分

⋅最近论坛页面体验很不好

⋅合上电脑发现四周空无一人突然有感而发

更多帖子

关注私信空间博客

KK3K2005

等级

本版专家分：51337

勋章

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

黄花 2013年11月 Web 开发大版内专家分月排行榜第二

蓝花 2013年10月 Web 开发大版内专家分月排行榜第三: 引用 3 楼 My_Love 的回复:
Quote: 引用 1 楼 KK3K2005 的回复:

size=2
你吧这个设置的大点

设置到多大？

height 100% 老的浏览器不支持

所以你必须显式的设置高度或者设置size 或者设置上下距离

2013-11-22 11:29:42

点赞只看TA 引用举报 #4得分 25

⋅求一个linq Row_number的写法 ⋅asp.net自定义400错误显示 ⋅已经使用Tls12还是报错The request was aborted: Could not create SSL/TLS secure channel 更多帖子 关注私信空间博客 版主 支付宝加好友偷能量挖，胡杨... 等级 本版专家分：395945 勋章 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-type" content="text/html; charset=gb2312" />

    <title>test select</title>

</head>

<body>

    <table border="0" style="width:100%;">

        <tr>

            <td style="height:100%;">

                <select name="cars" size=2 style="width:100px; height:100%;" id="sel">

                    <option value="login" selected="selected">登录</option>

                    <option value="api">版权</option>

                    <option value="fiat">Fiat</option>

                    <option value="fiat">Fiat</option>

                    <option value="audi">Audi</option>

                    <option value="fiat">Fiat</option>

                </select>   

            </td>

            <td style="width:100%;">

                <textarea name="post[body]" rows="10" style="width:100%; resize:vertical"></textarea>

            </td>

        </tr>

    </table>

    <script>

        window.onload = function () { document.getElementsByTagName('select')[0].style.height = document.getElementsByTagName('textarea')[0].offsetHeight + 'px' }

    </script>

</body>

</html>

用脚本来设置

2013-11-22 11:55:14

点赞只看TA 引用举报 #5得分 45

收起

收藏回复

My_Love

等级：

关注私信 TA的帖子

HTML 设置select标签的高度: select { border: 1px solid #555; padding: 0.5em; font-size: 15px; line-height: 1.2em; background: #fff; -webkit-appearance: none; -webkit-box-shadow: 1px 1px 1px #fff;

给select下拉框设置高度！: 最近做一个项目，需要用到select下拉框显示栏目列表，需求是下拉框只显示5-6个栏目，超出的部分用滚动条(因为select我感觉很奇怪，写几个option它就显示几条，而且，最坑的是，不能设置option显示的个数！...

select下拉框设置高度的完美解决办法: 我想，我们经常能够遇到关于select设置高度的问题，当然一些组件或者插件或许可以解决。现在我也是在网上看了这位仁兄的解决方案http://blog.csdn.net/u012759397/article/details/69487752 现在我也是把这个...

给select标签设置下拉框高度: 最近的需求涉及有下拉框，突然想到如果下拉选项过多的话可能要对下拉框的高度做一下限制，查了一下select标签，有size这个属性，原以为可以实现。 <!DOCTYPE html> <html> <body> <...

给select下拉框设置高度: 问题：移动端开发时select下拉栏目显示过多解决：<select id="bank_list_id" style="/* position: absolute; *//* left: 102px; *//* top: 0; *//* z-index: 1; */" onmousedown="...

GridPanel中getSelectionModel详解: 本文导读：Ext.grid.GridPanel继承自Panel，其xtype为grid，包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。...一、Ext.grid.GridPanel主要配置项：store：表格的数据集col

(Extjs)对于GridPanel的各种操作: 刚才做了个有点特殊的需求，在某窗口关闭时，要把Gridpanel中的选择行清空，因为如果不清空，直接双击，就不能即时更新出来我想要的内容。答案是：Grid.getSelectionModel().clearSelections();...

Ext.grid常用属性和方法: 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：表格是否隔行换色，默认为...

Qt之QTableWidget的使用及常用设置: 各种软件设计中，表格的使用非常频繁，下面介绍的是关于QTableWidget的使用以及常用属性的设置。（1）创建一个新的表格控件 QTableWidget *table=new QTableWidget(); （2）设置列数 table->set...

Extjs4 GridPanel的主要配置参数-详解: 1、Ext.grid.GridPanel ...autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：表格是否隔行换色，默认为false cm、colModel：表格的列模式，渲染表格时必须设置该配置项

ExtJS 普通表格：Ext.grid.GridPanel属性祥解: 表格相关组件总图： <br /> 1、Ext.grid.GridPanel 主要配置项： ... autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：表格是否隔行

Ext Grid控件的配置与方法: 1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，...

easyUI 的datagrid的自适应布局(一): 昨天调试datagrid的页面自适应，有些东西想要和大家分享一下。自适应（ResponsiveWeb Design），我的简单理解：是自动识别屏幕的宽度，然后自动调节。相了解更深，可以网上百度。先来说datagrid的两种布局方式： ...

Qt表格控件QTableWidget的使用【详细代码】: 在上一篇博客介绍了Qt多线程，这次需要将子线程产生的数据发到主线程进行展示，用表格控件QTableWidget。主界面.h代码 #pragma once #include <QtWidgets/QMainWindow> #include "ui_ThreadDemo.h" #...

Qt浅谈之三十一数据表格（QTableWidget）: QTableWidget是QT对话框设计中常用的显示数据表格的控件，QTableWidget单元格数据是QTableWidgetItem对象来实现的，整个表格都需要用逐个单元格对象QTableWidgetItem构建起来。二、详解 1、代码（1）table.h...

QTableWidget属性及美化总结: (1). QTableWidget创建及属性设置 tableWidget = new QTableWidget(this); tableWidget->setRowCount(10); tableWidget->setColumnCount(3); //tableWidget->setFrameShape(QFrame::NoFrame);//设置边框 ...

关于EasyUI对话框，表格和菜单组件在IE下的兼容性处理方法: EasyUI版本：V1.4 JQuery版本：V1.11.1 一、对话框定义对话框： Save Cancel 打开对话框： function openTestDialog() { $("#test_dialog").dialog({ title: "Test Dialog", ... height:

QTableWidget详细用法: 1．设置列数列宽 ui->tableWidget->setColumnCount(4); //设置列数 ui->tableWidget->setColumnWidth(0, 90); //0 设置列宽 ui->tableWidget->setColumnWidth(1, 190);...setC...

Ext Grid表格所有属性: 1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id...

EXT grid 属性及方法: extjs如何获取Grid中某一行某一列的值 extjs获取Grid单元格的值 7 选中某一行，var record = grid.getSelectionModel().getSelection(); 一行的所有数据都在record里面 ...ext4 亲测发现不行（无get方法

HTML常用标记和属性: HTML常用标记和属性 |字号订阅 1. 、 HTML文件头部开始和结束标记。 2. 、 HTML文件的标题，是显示于浏览器标题栏的字符串。...通常用来为搜索引擎定义页面主题以及页面刷新

Qt中 QTableWidget用法总结: http://edsionte.com/techblog/archives/3014 ... QTableWidget是QT程序中常用的显示数据表格的空间，很类似于VC、C#中的DataGrid。说到QTableWidget，就必须讲一下它跟QTabelView的区别了。QTa

ExtJS4组件_Grid配置-属性-方法详解-案例: 1、Ext.grid.GridPanel ...autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：表格是否隔行换色，默认为false cm、colModel：表格的列模式，渲染表格时必须设置该配置项 sm、sel

第一、UITableView的使用大全: 首先、对UITableView进行讲解，下面有对它进行实际的应用 UITableView 显示大型内容的列表单行，多列垂直滚动，没有水平滚动大量的数据集 ...TableView

QT5---QTableWidget简单应用之文件浏览器: 实现下面这个简单的文件浏览功能，常用的QTableWidget设置都用到了。基本设置 ui->tableWidget->setColumnCount(5); //设置表格列数 ui->tableWidget->horizontalHeader()->setStretchLastSection... //设置表格是否

SWT常用组件列表及使用: 最近一直在使用swt开发kettle 插件，下面是我整理的swt常用组件的一些样式和使用方法。一、按钮（Button）1、Button常用样式样式说明 SWT.NONE 无 SWT.PUSH 按钮 SWT.CHECK 多选按钮 SWT.RADIO ...

QT表格的实现: 一、简介 QTableWidget是QT对话框设计中常用的显示数据表格的控件，QTableWidget单元格数据是QTableWidgetItem对象来实现的，整个表格都需要用逐个单元格对象QTableWidgetItem构建起来。二、详解1、代码（1）table....

流氓软件的完全卸载的一些方法: 1.3721的卸载首先，用3721自带的卸载功能卸载3721，但是这个3721网络实名插件是使用Rundll32.exe调用连接库的，系统无法终止Rundll32.exe进程，所以我们必须重新启动计算机，按 F8 进入安全模式（F8 只能按一次，...

UITableView的使用大全: 首先、对UITableView进行讲解，下面有对它进行实际的应用 UITableView 显示大型内容的列表单行，多列垂直滚动，没有水平滚动大量的数据集 ...TableView St

Extjs4 GridPanel的主要配置参数详细介绍: 1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：...

相关热词 c#等比例压缩图片大小 c# word 替换 c# mysql插入 c#窗体上的叉添加事件 c#打印图片文件 c#後台調前台js c#控制台美化 c#获取当前的农历日期 c# 构造函数重载 c#代码修改服务器时间