width相关内容

在元素中强制单行文本以使用CSS填充宽度

我有一个div元素,其中包含一行文本。如何获取此文本以填充宽度100%? text-align:justify 元素与几行文本,并没有影响div与单行。手动调整字母间距和字间距是丑陋和无效的。是否有其他替代方案? 解决方案 尝试: div { text-align:justify; } div:after { content:“”; display:inli ..
发布时间:2017-01-20 02:56:51 前端开发

媒体类似于特定div宽度的查询行为

我正在建立一个编辑器,其中一个帖子的内容加载到div,并且jQuery选择器允许我内联编辑内容。 成为一个障碍,因为我试图添加一些响应样式的模板: 在我的模板样式表中,我使用预览区域的特定id来指定样式应该应用的位置。我将相同的ID应用于查看帖子的正文标签,以便编辑器中的预览和帖子的完整视图看起来一样。 我在视图侧的东西上进行了一些媒体查询,并意识到在预览页面上,像 @media s ..
发布时间:2017-01-20 02:55:11 前端开发

如何设置css宽度等于最长文本的长度

我有一个非常具有挑战性的任务。 我有这个菜单... http://jsfiddle.net/K2Zzh/6/ 如果您将鼠标悬停在”处理“上,下拉菜单设置为150px,这是罚款,但是,如果你将鼠标悬停在“后续”,你可以看到这个宽度太宽。我尝试了min-width,auto,inline-block,但没有运气到目前为止。 而不是为每个下拉菜单创建一个单独的类,是有一个聪明的方式将宽 ..
发布时间:2017-01-20 02:35:39 前端开发

CSS:设置宽度等于内容

我遇到了一些麻烦与CSS的width属性。我在div里面有一些段落。我想设置段落的宽度等于它们的内容,以便他们的绿色背景看起来像文本的标签。我得到的是,段落继承了更宽的div父节点的宽度。我应该做什么? 谢谢。 HTML: div id =“container”> 示例文字1 示例文本2 示例文本3 ..
发布时间:2017-01-20 02:11:34 前端开发

CSS 2 div大小自动相同高度

我在CSS中有一个问题: 我可以这样做: 当绿色div具有(自动)500px高度 当红色的内容高度为700px(绿色)时,绿色的内容相同。 两个都有任何内容,然后我使用自动高度。 所以我怎么做绿色有相同的宽度红色和红色,惠普不同的内容惠特“height:auto;”? 解决方案 在父DIV上显示,然后调整父VI的大小 这样的东西....然后使用CSS格式 ..
发布时间:2017-01-20 01:56:43 前端开发

如何使用较少的代码用其填充/边距值计算元素的宽度和高度?

我正在使用 height() / width()方法,但它的返回值没有它的填充和边距值。我没有问题,计算总与/高度值。 这种方式是工作,但我的问题是;它太长,无法计算所有的。有没有办法计算这些更少的代码没有bug? 这里是jsFiddle示例 jQuery: var ele = $('div'); var eleW = ele.width(); var ele ..
发布时间:2017-01-20 01:48:34 前端开发

将div宽度设置为100%减去px的某个量

一直在网上搜索过去的几个小时找到一个解决方案,但找不到它,所以这里我是。 我需要 div 的宽度为 100%减去 left div 的宽度。 因此,它左边的 div 保持相同的宽度(390像素),而其他 div 根据分辨率调整其大小。我找到了解决方案,它有两个固定宽度 div ,但只是无法想出这一点。 > 解决方案 简单解决方案: ..
发布时间:2017-01-20 00:27:13 前端开发

CSS布局 - 动态宽度DIV

我有一个很常见的布局问题,我传统上使用一个表来解决,但想要一些建议,使用CSS。我有3个图像组成一个'容器'。左图像和右图像通常只是使用标签显示,中心图像显示为一个“背景图像”,我的内容,它的内容,所以内容似乎在容器中我相信你见过/使用此百万次: ..
发布时间:2017-01-20 00:03:51 前端开发

不带100%宽度的显示块

我想使用display属性将一个span元素设置在另一个元素的下方。我尝试应用内联块,但没有成功,并认为我可以使用块,如果我不知何故设法避免给元素的宽度为100%(我不想要的元素“伸出”)。这是可以做到的,或者如果没有,那么解决这类问题的好习惯是什么? 示例:一个新闻列表,其中我想设置一个“ (注意: 而不是 ) ..
发布时间:2017-01-19 23:49:18 前端开发

图片字幕宽度与图片相同

如何使图片标题宽度与图片一致?现在我有以下代码: 这是标题。 我已经尝试了很多东西(浮动,绝对定位等),但如果标题是长,它总是使div宽,而不是多行。问题是,我不知道图像的宽度(或字幕的长度)。是解决这个使用表的唯一方法 ..
发布时间:2017-01-19 22:16:15 前端开发

我如何做一个固定的定位div继承父的宽度?

有固定位置的div可以继承父类的宽度吗? 我知道固定宽度是相对于窗口的,所以这段代码不工作: #wrapper {position:relative; width:500px; height:20px; background-color:blue;}#header {position:fixed;宽度:100%; height:20px; background-color:rgba( ..
发布时间:2017-01-19 08:28:50 前端开发

CSS浏览器的100%宽度调整大小

您好,我正在尝试使用CSS构建一个布局,我碰到一个奇怪的问题。对我来说很奇怪。我有3个div a 标题, Footer 和 MainContent 区域。页眉和页脚必须保持在100%的恒定宽度,而MainContent区域必须居中固定在996px;这很好,但是当我调整浏览器窗口的宽度低于996px,然后滚动窗口的内容,100%的页眉和页脚似乎被截断,不再是100%。我敲了一个小骨头脚本来说明问题( ..
发布时间:2017-01-19 08:18:35 前端开发

背景只有视口一样宽

恼人的问题 当我放大我的视口窗口(发生在firefox,chrome),然后水平向右滚动,我的背景图片被剪辑 图片最好地描述了发生了什么: 放大 b $ b - 图片只有视口宽度 缩小退出 - 不会发生问题 这里有一些从我的CSS可能是相关的部分: article,aside,details,figcaption,figure, footer,heade ..
发布时间:2017-01-19 06:21:50 前端开发