css自动宽度问题

问题描述

如图,我想让input及select自动填满除label外的其他地方,css该怎么写呢?谢谢0downvotefavoriteshare[fb]share[tw]<table><tbody><tr><tdcolspan="2"><spanclass='star'>*</span><label>Title:</label>{{form.name}}</td></tr><td><spanclass='star'>*</span><label>Test1:</label>{{form.dataSecrecy}}</td><td><spanclass='star'>*</span><label>Test2:</label>{{form.costType}}</td></tr></tbody></table>

解决方案

解决方案二:
自动填满比较困难可以用%控制table加个class比如class='tb'.tbinput,.tbselect{width:95%;},精确真的没必要,你可以看你页面实时调整那个百分比就行
解决方案三:
引用1楼zhoufeng0401的回复:

自动填满比较困难可以用%控制table加个class比如class='tb'.tbinput,.tbselect{width:95%;},精确真的没必要,你可以看你页面实时调整那个百分比就行

+1
解决方案四:
css处理自动填充有点难度的js可以控制的

解决方案五:
用百分比控制

时间: 2024-10-23 18:07:10

css自动宽度问题的相关文章

css div宽度自动隐藏并且显省略号

<html xmlns="http://www.111cn.net/1999/xhtml"> <head> <title>css div宽度自动隐藏并且显省略号</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面代码加到<head>与</head&g

CSS自动实现网页打印版本

CSS自动实现网页打印版本 许多网站上都有一个针对打印的版本,但实际上这并不需要,因为可以用CSS来设定打印风格. 也就是说,可以为页面指定两个CSS文件,一个用于屏幕显示,一个用于打印:  代码如下 复制代码 <link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" /> <link type="text

使用CSS自动隐藏网页文字的技巧

文字隐藏应用广泛,但常用的方法没有什么亲和力.常用文字隐藏方法的缺陷: 1.display:none 这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略: 屏幕阅读器会忽略被隐藏的文字. 2.visibility: hidden 这种方法隐藏了文字却仍然占据物理空间. 3.推荐大家使用这个更好的方法: overflow:hidden .class{ display:block; /*统一转化为块级元素*/ width:0; height:0; overflow:hidden; } 从代码似

DIV+CSS布局 宽度自适应

<!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-

CSS 自动居中一列布局

(1)三个技能点:①标准文档流②块级元素③margin属性(实现网页自动居中布局的关键)2.居中设置:margin:0 auto;(1)auto:会根据浏览器的宽度自动的设置两边的外边距(2)原理:(浏览器的宽度-外包含层的宽度)/2=外边距(3)要求:不能再设浮动或绝对定位属性如果想让页面自动居中,当设置margin属性为auto的时候,不能再设置浮动(float)或绝对定位(position)属性,不然magin会失效

CSS控制字符宽度 属性 letter-spacing 实例教程

 letter-spacing 增加或减少白色的空间之间的字符. 继承:是 注:负值是不允许的. JavaScript的语法 的CSS属性也可以动态改变一个JavaScript . 脚本语法: object.style.letterSpacing = " 3px " 简单例子. p {  letter-spacing: 12px } p {  letter-spacing: -0.5px }  Value Description normal 默认.界定空间之间的正常字符 length

CSS侧边栏宽度不动(更改页面宽度时),内容区宽度自适应

一个页面,左栏是内容栏content,右栏是侧边栏sidebar.如何使侧边栏宽度不动(更改页面宽度时),内容区宽度自适应呢?为了保证内容区宽度自适应,先不设定其宽度,使其填充整个DIV区域,设定足够大小的右外边距,左浮动.侧边栏使用负margin,设置一定的负值左外边距,使其浮动到实现设定好的空白右外边距的地方. <style> div#wrapper { margin:15px 0; overflow:auto; } div#content { float:left; margin-rig

css 自适应宽度圆角滑动门

onmouseover事件 选项卡1 选项卡选项卡2 选3 选选4 选选选选选选选选选选选选选选5 JavaScript 经典效果集-第二期策划中 老猫的理想制作w3school javascript 电子书 chm版 发贴需知 | 新手入门 | 常见问题 | 精华整理 0722 近期技术讨论贴(持续更新:12-10) 发贴需知 | 新手入门 | 常见问题 | 精华整理 0722 关于奥运期间管理及只开放邀请注册的通知 老猫的理想制作w3school javascript 电子书 chm版 近期

div+css 宽度自动隐藏并且显省略号

css教程 div宽度自动隐藏并且显省略号 <html xmlns="http://www.jzread.com/1999/xhtml"> <head> <title>css div宽度自动隐藏并且显省略号</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面代码加到&