width相关内容

纯CSS解决方案 - 方形元素?

如果我有一个具有相对宽度(例如 width:50%)的 ,是否有一个简单的方法使它与它的高度相同的宽度,而不诉诸JavaScript? 解决方案 实际上可以实现它与这个整洁窍门我在 此博客 #square { width:100%; height:0; padding-bottom:100%; } 希望有助于 ..
发布时间:2017-01-19 04:37:30 前端开发

如何使一个没有内容的DIV有宽度?

我想为DIV添加宽度,但我似乎遇到了问题,因为它没有内容。 这里是我到目前为止的CSS和HTML,但它不工作: CSS body { margin:0 auto; width:1000px } ul { width:800px; } ul li { clear:both; } .test1 { width:200px; float:left; } ..
发布时间:2017-01-19 03:17:46 前端开发

Jqgrid根据其内容可编辑列宽

我在此链接中包含了Oleg提供的代码它完美地工作,根据其内容设置列的大小。我现在面临的唯一问题是,当我为列值设置“editble:true”时,跨度也随着元素一起显示。该跨度被添加到单个单元格以获取文本的宽度现在编辑该列,显示的列值为: 文字 请帮助。 $ b 解决方案 你说得对。现在我觉得我会更有效的包括 ..
发布时间:2017-01-19 02:07:42 前端开发

绝对位置影响宽度?

我是新的css。我想知道为什么当我将div元素的位置更改为绝对,div元素的宽度更改?试用它在Chrome v25.0.1364.172m和IE9,两者都有相同的结果。 简单示例: test div { position:relative; bor ..
发布时间:2017-01-19 01:41:20 前端开发

防止文本重叠表td宽度

如果 条目过长,如何将表格 限制为在整个屏幕上展开? 解决方案 好吧,有 max-width , max-height 和 overflow 。 所以 td.whatever { max-width:150px; max-height:150px; overflow:hidden; } 会将最大宽度和高度限制为150像素, ..
发布时间:2017-01-19 00:33:51 前端开发

旋转后调整div宽度和高度

如果我有这些规则: width:50px; height:100px; -moz-transform:rotate(0deg) 然后事件将转换更改为: -moz-transform:rotate(90deg) 自动交换宽度和高度?我需要旋转来切换宽度和高度,以准确地进行位置检测。 感谢, Joe 解决方案 看 ..
发布时间:2017-01-18 23:53:44 前端开发

如何让孩子自动适应父的宽度只有CSS?

我有一个服务器端组件使用 DIV 生成一个流体布局“工具栏”,没有固定宽度,生成许多 A 里面。 然后我需要自定义布局,使所有 A 标签自动适合父宽度。但是,孩子的数量是变量,父的宽度不知道(它自动适应窗口)。 我用这个小提琴做了一些测试: http://jsfiddle.net/ErickPetru/6nSEj/1/ 但是我找不到一个方法使它动态(取消注释最后的 A 标签,看看 ..
发布时间:2017-01-18 18:39:10 前端开发

CSS宽度100%或最大宽度(以像素为单位)

如何创建宽度的CSS规则 默认使用100%宽度 li> 如果100%宽度超过某个像素宽度(假设为512像素),则宽度会下拉到此像素宽度 我不知道宽度和最大宽度的关系,或者如何支持calc()或可以表达这一点。这需要使用最新的WebKit浏览器和Firefox 4. IE8等支持不需要 解决方案 使用 max-width 。如果元素的计算(实际) width 超过 max- ..
发布时间:2017-01-18 18:33:03 前端开发

CSS输入宽度:100%超出父级的界限

我试图创建一个由两个输入字段组成的登录表单,其中有一个插入填充,但是这两个字段总是超过其父节点的边界;该问题源自添加的插入填充。为了纠正此问题,可以做些什么? JSFiddle代码段: http:// jsfiddle.net/4x2KP/ 注意:代码可能不是最干净的。例如,可能根本不需要封装文本输入的span元素。 HTML: ..
发布时间:2017-01-18 17:49:57 前端开发

用于div块的iPad背景不跨越屏幕的整个宽度

我在iPad屏幕整个宽度上延伸的div块仍然存在问题。 萤幕撷取画面: 对于菜单,我有一个div块和UL里面的菜单本身。 UL的宽度设置为1000px,背景div块设置为width:100%;此背景的宽度正好是1009像素。 页脚是一个带有背景的div块,以及两个浮动的div块。此背景的宽度正好是1004像素。 我在其他网站上遇到过这个问题,特别是在这方面。 解决方案 ..
发布时间:2017-01-18 17:47:03 移动开发

获取元素的实际浮点宽度

我使用jQuery(v1.7.1),我需要得到一个元素的绝对浮点宽度,但所有的jQuery的宽度方法似乎是四舍五入的宽度的值。 例如,如果元素的实际宽度 20.333333px ,jQuery的width方法会返回 20 ,即忽略小数值。 你可以看到我在这个 jsFiddle 所以,我的问题是:如何获取元素宽度的浮点值? 解决方案 如果您已经有对DOM元素的引用,则 el ..
发布时间:2017-01-18 16:25:40 前端开发

将图片宽度设为父div的100%,但不得大于其自身的宽度

我想获得一个图像(动态放置,没有对尺寸的限制)与其父div一样宽,但只要该宽度不大于其自己的宽度在100%。我试过这个,没有效果: img { width:100%; height:auto; max-width:100%; } 这些图片中的许多都比它们的父div宽,这就是为什么我'喜欢他们相应地调整大小,但是当一个小图像在那里弹出,并扩大超出其正常的维度,它 ..
发布时间:2017-01-18 15:54:17 前端开发

100%DIV宽度不是真的100%

当我有一个 与 width:100%,它不是真的100% testtesttesttesttest ... #div { width:100%; background-color:red; } 现在当你调整窗口大小时,有一个水平滚动条向右滚动,然后背景消失。 在这里你可以看到操 ..
发布时间:2017-01-18 15:19:14 前端开发

引导元素100%宽度

我想创建100%交替的彩色块。 所需的设置: 目前: 我的第一个想法是创建一个div类,给它一个背景颜色,并给它100%的宽度。 / p> .block { width:100%; background:#fff; } 但是,您可以看到,这显然不起作用。它限制在一个集装箱区域。我尝试关闭容器,也没有工作。 解决方案 容器类有意不是100 ..
发布时间:2017-01-18 15:04:10 前端开发

Div宽度100%减去固定的像素量

如何在不使用表格或JavaScript的情况下实现以下结构?白色边框代表div的边缘,与问题无关。 中间区域的大小会有所不同,但它会有准确的像素值,整个结构应该缩放根据这些值。为了简化它,我需要一种方法来设置“100% - n px”宽度到顶部中间和底部中间的div。 一个干净的跨浏览器解决方案,但如果不可能,CSS黑客会做。 这是一个奖金。另一个结构,我一直在努力,最终使用表或 ..
发布时间:2017-01-18 13:30:53 前端开发