调整伪元素宽度
是指通过CSS样式来改变伪元素的宽度。伪元素是指在HTML文档中不存在的元素，通过CSS的::before和::after伪类来创建。调整伪元素宽度可以用于实现各种效果，如添加背景、边框、图标等。
在CSS中，可以使用width属性来调整伪元素的宽度。width属性可以设置为具体的像素值、百分比或auto。具体的像素值可以直接指定伪元素的宽度，百分比可以根据父元素的宽度进行相对调整，而auto则表示自动根据内容调整宽度。
调整伪元素宽度的优势在于可以通过CSS样式来实现各种效果，而无需修改HTML结构。这样可以提高代码的灵活性和可维护性。
调整伪元素宽度的应用场景包括但不限于以下几个方面：
- 添加背景：可以通过调整伪元素的宽度来实现添加背景的效果，例如为按钮添加悬浮效果时，可以通过调整伪元素的宽度来实现背景色的变化。
- 添加边框：可以通过调整伪元素的宽度来实现添加边框的效果，例如为图片添加边框时，可以通过调整伪元素的宽度来实现边框的绘制。
- 添加图标：可以通过调整伪元素的宽度来实现添加图标的效果，例如为列表项添加箭头图标时，可以通过调整伪元素的宽度来实现箭头的绘制。
腾讯云提供了一系列与云计算相关的产品，其中与前端开发和CSS样式相关的产品包括云服务器（CVM）、云存储（COS）和内容分发网络（CDN）。通过使用这些产品，可以搭建稳定的服务器环境、存储和分发静态资源，从而支持调整伪元素宽度的应用场景。
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，可以用于搭建网站、应用程序等前端开发所需的服务器环境。了解更多信息，请访问：腾讯云服务器（CVM）
- 云存储（COS）：提供高可靠、低成本的对象存储服务，可以用于存储前端开发中的静态资源，如图片、样式表等。了解更多信息，请访问：腾讯云存储（COS）
- 内容分发网络（CDN）：提供全球加速的内容分发服务，可以加速前端开发中的静态资源的传输，提高用户访问速度。了解更多信息，请访问：腾讯云内容分发网络（CDN）
通过使用腾讯云的相关产品，开发人员可以更好地支持调整伪元素宽度的需求，并提升网站的性能和用户体验。
相关·内容
我有一个小标题的div --只有两个词。
当我调整da浏览器的大小时，文本将被包装，最后一个字将转到下一行。
我想显示不同的风格，直到最后一个字，只有当它转到下一行。例如:字体大小:正常而不是粗体.
只有css才能做到这一点吗？
浏览 0提问于2018-05-23得票数 0
回答已采纳
2回答
如何创建显示在按钮外部的文本的按钮？我想要创建一个按钮列表，但是我希望按钮文本(按钮值)显示在按钮之前，所以它看起来如下所示：
按钮文本这里按钮
我希望按钮文本左对齐，按钮本身对齐。我是新的CSS，不知道这是可能的。我不能单独编写文本的原因是，我正在更新现有项目的样式表，并且试图对html进行最小的更改，因为该项目包含多个文件。这个是可能的吗？
浏览 7提问于2017-06-25得票数 1
回答已采纳
2回答
下面是我的工作示例。我想让褪色更短一点，这样它就不会那么接近右边的末端了。有什么建议吗？
.order-page-left {
width: 275px;
background: white;
}
.orders-list .item {
display: block;
border-bottom: 1px solid #e0e0e0;
color: #181818;
outline: 0;
position: relative;
}
.orders-list .item .inner {
padding: 7px 0 10px;
}
.orders-lis
浏览 2提问于2015-07-03得票数 1
回答已采纳
1回答
我已经创建了一个“下划线”动画，它在链接下面使用了一个：：后伪元素。下面是链接和伪元素的代码：
Link
a {
position: relative;
}
：：之后
a:after {
content: '';
display: inline;
position: absolute;
height: 2px;
width: 0%;
background-color: #ce3f4f;
left: 0%;
bottom: 0px;
transition: all 0.2s ease;
}
a:ho
浏览 2提问于2015-04-26得票数 3
回答已采纳
<div class="row">
some content
<div class="info-box">
some other content
</div>
</div>
.row {
float: left;
margin-bottom: 1.5%;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border
浏览 0提问于2013-02-20得票数 2
回答已采纳
3回答
我有标题使用伪元素添加到标题div作为装饰，但我需要阻止他们在移动视图中影响网站的宽度。
示例(这是它在桌面上的样子，我对此很满意)：
#block-yui_3_17_2_40_1485776710186_66574::before {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #ee5c6d 0%, #66648b 0%, #91a8d0 40%, #91a8d0 100%) repeat scroll 0 0;
box-sizing: border-box;
content: "";
height
浏览 7提问于2017-01-31得票数 4
1回答
在每个h2之后，我想添加一个破折号，然后加上一个断线。
我尝试了以下几点：
h2:after {
content: '\A\2014';
white-space: pre;
font-size: 70px;
}
它在一般情况下是有效的，但是当我在--或者减小字体大小时，破折号上和下面的空格都会改变，而不仅仅是短距大小。
我也尝试过添加一个line-height: 0.6em;，但是它似乎移动了所有的东西。
现在我得到了这个：
我想得到这个，能够改变空间：
这是
浏览 3提问于2013-08-19得票数 0
回答已采纳
1回答
我有一个名为products的数组，它有4个不同的产品。通过映射它，我创建了4个不同的可调整大小的div，如下所示：
{products.map((item, index) => {
return (
<div key={index} style={{ margin: "8px 0px 0px 0px", display: "flex" }}>
<div className="resizable-switch-column
浏览 1提问于2022-02-15得票数 0
1回答
非矩形图像叠加
、、、
我好像搞不清这事。我有一个引导卡，这是100%填充一个图像。在图像的顶部，我有一些文本，可以通过使用透明的矩形覆盖来清晰地显示出来。我希望透明的矩形覆盖被倾斜，所以我得到了类似于主页上的卡片的效果。
我的卡片HTML
<div class="card border-0" style="width:100%;">
<img class="card-img-top" src="IMAGE HERE" alt="Card image">
<div class="card-img-ov
浏览 3提问于2019-10-29得票数 0
回答已采纳
1回答
我对这段代码有一个问题：当我旋转设备时，body上的overflow-x似乎不能完成他的工作。
我认为问题在于这个规则.banner-strip:before, .banner-strip:after {width: 9999px;}
所以我认为这段代码不能很好地工作。
如何显示宽度为100%的元素，它位于另一个元素中的元素之前和之后。我必须使用jQuery吗？
我认为对于jsfiddle示例，一切都很清楚，很难解释。
浏览 2提问于2015-03-20得票数 0
我正在尝试动态更改文本框的对齐方式，但它不起作用。但是，如果我通过加载小部件，这是正常工作。
代码；HTML
<input type="text" id="text1" style="text-align:center;width:80px" value="abc">
<input type='button' id="btn" value="click">
JavaScript：
document.getElementById('btn'
浏览 1提问于2013-04-23得票数 0
回答已采纳
由于某些原因，我无法让jQuery为我提供各种元素的可靠宽度数据。这是一个演示问题的小提琴的链接：
我正在尝试创建一个多维下拉菜单。正如您在jsfiddle中看到的，第二个嵌套菜单的位置不正确。我用来定位它的jQuery使用outerWidth()查询同级锚元素以发现它的宽度，然后根据返回的宽度确定嵌套列表的左侧位置。当我在CSS中设置同级锚元素的宽度时，我会得到接近正确值的值，但是如果没有这个静态宽度，outerWidth()将返回“2”。
但是，即使我给锚元素设置了宽度，outerWidth(true)仍然不能正确地合并元素的边框。
我都要把头发拔出来了。为什么这样的垃圾不能像广告上说的那
浏览 6提问于2012-08-23得票数 5
回答已采纳
2回答
我想在我的drupal 8边栏菜单中添加一些样式，我想要创建像下面这样的图像与字体的可怕和css：
📷
浏览 0提问于2016-07-09得票数 1
回答已采纳
3回答
据我所知，:before和:after在指定目标之前或之后插入内容。我不太确定这个CSS片段的目的是什么？
*, *:before, *:after {
-moz-box-sizing: border-box;
}
浏览 7提问于2014-05-08得票数 6
回答已采纳
是个小提琴。
<p>foo <a class="infolink" href="#">bar</a> baz</p>
和
a.infolink::before
{
content: '?';
background: blue;
color: white;
width: 20ex;
height: 20ex;
}
“？”显示，但显然没有20 not大小。为什么不行？在Firefox和Chrome中进行了测试。
浏览 5提问于2013-12-31得票数 88
回答已采纳
我有一个名为网站标题的div，它保留了我网站的标题。我想使用CSS在标题的左边添加一个图像。我可以这样做：
.site-title::before {
content: "";
background: url("logo.jpg");
background-size: 200px 200px;
position: absolute;
width: 200px;
height: 200px;
}
这是很好的工作，在我添加一些填充到标题，等等。但图像是200 pxx200px，不与页面缩放。我希望它变小，当它不再适合。我该怎么做？
浏览 6提问于2016-02-19得票数 1
回答已采纳
1回答
图像覆盖宽度
、、
我有一个col-md-4，里面有一个figure和一个figcaption，在hover动作上应该显示带有两个按钮的图形标题，效果是有效的，但是figcaption在溢出图像的宽度。有什么建议吗？
请注意，当我将鼠标传递到空白处时，效果仍然有效，只有当我将鼠标传递到图像上时，效果才能正常工作：
印刷：
HTML：
<div class="row text-center">
<div class="col-md-4 col-sm-4">
<figure>
<
浏览 1提问于2017-05-15得票数 1
1回答
我正在为图片创建缩放效果
<table>
<tr>
<td><img class='source-img' src='a.png' ></td>
20 more same TDs
</tr>
20 more TRs
</table>
<div id="magnifier" style="position:absolute;"></div>
1-
浏览 2提问于2012-10-10得票数 1
我正在为我的网站创建一个登陆页面，并希望其中一个Jumbotrons给它一个现代和技术的感觉。我已经设法集中(水平和垂直)我的文本，我现在移动到背景图像。我遇到了一个问题，虽然我需要分区作为我的背景图像的高度，而文本仍然在中间。这是我的HTML
<div class="jumbo">
<div class="jumboCon">
<h1 class="centre">Kraft, unique</h1>
<p>The best present is a special
浏览 5提问于2014-05-21得票数 0
回答已采纳
我试图制作一个响应性的工具提示，并且没有硬编码的宽度或父级的任何内容。
这看起来很简单，但是我无法正确地对after元素进行居中，因为它上已经有一个transform: translateY(10px)属性。
我无法在网上看到普通的left:50%; top:50%; transform: translate(-50%, -50%)'，因为我已经有了一个transform属性。
问题就在这里吗？还是我该去找别的地方？
如果有人有任何提示或提示，请告诉我！
另外，我希望它在vue中没有问题，所有的事情都应该在样式部分处理。
干杯!
Tooltip.vue
<script lang
浏览 7提问于2022-03-27得票数 0
回答已采纳
1回答
在我的站点上设计组件时，我发现在span的末尾( h2中)添加空格会以一种奇怪的方式影响span:after的绝对定位。用作边框的after元素。边框在没有空白的内容之后定位，但是当有空白时，边框定位在内容上。。
关于为什么会呈现不同的想法吗？
html：
<h2>
<span>A test</span> <!-- the border appears 'after' the content -->
</h2>
<h2>
<span>A test </span> <!-- th
浏览 2提问于2016-10-21得票数 1
回答已采纳
4回答
这让我快疯了。我一直在使用Firefox检查器试图找出这个箭头是如何在上创建的(如下所示)。
我已经通过检查器删除了代码块，并将其归结为：
无论我在哪里检查，我都找不到这样的形状。没有背景图像，没有符号，什么都没有。这一点都不重要，但我正在拔出我的头发试图弄清楚他们是如何做到的！
任何CSS大师都愿意看一看并加入吗？为了学习。:)
浏览 2提问于2015-02-01得票数 3
回答已采纳
1回答
我正在尝试有一个矩形灰色背景和一个“箭头向下”元素图像下面使用一个单一的div。请参见下图。这两条虚线是引导容器的边界。
解决这个问题的最好方法是什么？
我的第一个想法是对矩形进行包装，并使用箭头表示容器的宽度，然后将其放在容器的底部。对最好的方法有什么想法？
浏览 0提问于2015-07-16得票数 0
2回答
我基本上是在尝试对包含文本缩进的段落执行，但无法获得它，因为display:inline不允许文本缩进。有什么想法吗？
浏览 1提问于2012-11-04得票数 1
回答已采纳
1回答
你好，我在我的项目中使用了角5和材质，我试图改变自动完成面板的宽度，举个例子，我现在可以直接显示选项，但是我不能看到选项的所有信息，然后我修改了新组件的css文件，但是它不适用于材料组件，有人能告诉我怎么做吗？
这是组件的html：
<mat-expansion-panel [expanded]="panelOpenState === true">
<mat-expansion-panel-header>
<mat-panel-title>
Critère de recherche
浏览 4提问于2017-12-08得票数 0
1回答
我适合为我的主页创建一些程式化的标题。我遇到了这种类型的标题，我想知道是否有可能用css创建类似的东西。如果这有一些重要的话，我正在使用Bootstrap样式。
它可能非常微弱，但是标题后面有条条"bar“，它填充了容器的其余部分。我试着寻找它，但是只找到标题在标题之前和之后以一行为中心的标题。一个只有两行的标题类型(一个在标题的顶部，一个在标题的底部)也可能对我有帮助。
报头被放置在一个.container中，我希望标题长度与.container的整个长度相同：
<div class="container">
<h3><sp
浏览 3提问于2016-03-20得票数 0
回答已采纳
我有一个web应用程序，在这个应用程序中，用户通过将数据输入表单来创建一个复杂的概况介绍。在它的<div class="preview">中包含了最后一个概况介绍的预览。我想覆盖这个预览与一些东西，也许是一个透明的对角线灰色文本说“预览”。基本上，我想结束像一个平铺的背景，但显示在元素的前面，而不是后面。
我为Internet上的覆盖找到了几种解决方案，但它们假设我在标记中定义了两个单独的元素，并希望将其中一个放在另一个之上。但凭直觉，我觉得不必定义页面标记中的覆盖，这对我来说是“更干净”的。因此，我更喜欢一个完全在CSS中完成的解决方案。
覆盖的内容将是一个非常简
浏览 2提问于2014-12-30得票数 3
回答已采纳
最近我在这里偶然发现了一个问题，在这里有人试图在他们的头上得到一个正确的后排行为。就像这样：
它们的实现在不同的头上产生了不同的结果，因此出现了问题。使用table表示元素，使用table-cell表示:before和:after，实现非常奇怪。由此产生的行为对我来说是相当令人惊讶的。我在上做了个测试，看看。
您将看到我有两个类：a和b，前者的宽度为25%，后者为40%。尽管如此，b的宽度几乎是a的5倍。将它们分别设置为40%和45%使b的大小是a的两倍。这是完全出乎意料的行为，只有5%的差异。文本的长度似乎也会影响到这一点。
我知道这个实现是不好的，它会“崩溃”。然而，我想知道为什
浏览 3提问于2016-06-15得票数 0
回答已采纳
2回答
好的，我有一个：
x = `${e.clientX+window.scrollX}px`
y = `${e.clientY+window.scrollY}px`
它可以工作，但问题是元素可以扩展到页面之外，并创建一个滚动条。
所以我怎样才能让它在某种程度上定位div，使它不会那么做呢？有可能吗？
浏览 3提问于2021-12-23得票数 0
回答已采纳
1回答
在这里，我很可能想要一根棍子上的月亮，但是:我想弄清楚如何得到一个双色背景来描绘主要内容的两列。
背景必须是完整的视口宽度(边到边)，中心内容响应为960 up，分为两列；第一列是宽度的2/3 (最大值640 up宽)，第二列占其余1/3 (最大320 up宽)。也许解释它的最简单的方法是使用GIF：
正如你所看到的，浅蓝色的边栏背景颜色的左边部分总是与实际边栏的左边成直线。有人向我指出，具有几乎完全相同的效果(尽管我认为您需要在篮子中添加一些东西才能看到它)。他们似乎已经通过linear-gradient实现了这一目标，其归结如下：
background: linear-gradi
浏览 4提问于2016-06-21得票数 0
回答已采纳
这是对我最近的问题的补充：
JSFiddle：
我正在尝试使用伪元素来“清除”绝对定位的图像。我已经获得了在幻灯片后面显示相同的图像，但似乎无法对插入的图像应用宽度。我是不是疯了，或者您不能对内容为content: url(img/image.jpg)的伪元素应用宽度吗？我尝试了不同的显示变体:块，等等，但都没有效果。
#slider ul:after {
content: url(http://www.cs7tutorials.com/img/slide1.jpg);
display: block;
position:relative;
width:70px;
}
我需要将伪
浏览 1提问于2013-02-20得票数 12
回答已采纳
1回答
嵌套Div中的上/下填充
、、、
我在处理嵌套的div中的填充时遇到了麻烦。
问题是，我有一个横幅顶部(小酒吧)和下面的另一个与更多的内容称为横幅。横幅的高度是150px，我希望在顶部和底部填充10%的整个空间。我还有一个包含在"bannerspace“div中的"center”div，它将所有内容居中排列成一条直线，便于组织。
但是，每当我应用padding : 10%时，填充就会应用于整个body元素，使得填充比我预期的要大得多。
我花了几个小时寻找解决方案，甚至询问了我的web开发朋友，但我得不到一个有效的答案。我发现这可能是垂直填充的预期行为，但我不确定你们中是否有人有解决方案。
我已经尝试更改大多数元
浏览 1提问于2014-06-17得票数 0
我写了这段代码： <div id="divImage" style="background-color: skyblue;height: 200px;">
<div style="background-color: red;width: 8%;height: 60px;margin-left: 20px; position: relative;top:50%;margin-right: auto;transform: translateY(-50%);"></div>
<
浏览 12提问于2020-01-20得票数 0
回答已采纳
我尝试设置一个图像来使用屏幕上的所有空间，但是无论我尝试什么，它总是保留左边的空白，只在右边设置新的大小。图像不在HTML文件中，它只在css中设置为背景。以下是html和css片段
<section class='eg-main_image'>
<h1 class="eg-text-white">lorem ipsum</h1>
<h1 class="eg-text-white">lorem ipsum</h1>
浏览 4提问于2022-03-30得票数 -1
回答已采纳
考虑以下三种情况：
设想一：
div {
width: 100px;
height: 100px;
background-color: black;
}
div:before {
content: "";
width: 10px;
height: 10px;
background-color: darkred;
position: relative;
}
设想二：
div {
width: 100px;
height: 100px;
background-color: black;
}
div:before {
浏览 0提问于2016-10-29得票数 10
回答已采纳
1回答
几天来，我一直在为在CSS中创建这个特殊的形状而绞尽脑汁。我试过和其他类似的形状混在一起，但是我无法得到这个精确的形状。这是我一直在努力创造的形状。
任何帮助都将不胜感激。
浏览 3提问于2017-11-07得票数 0
回答已采纳
2回答
我想对一个工具提示，它可以有一个不同的宽度取决于content属性。
我在这个中看到，我们可以修改伪类，但是看起来有点复杂。
$(".tooltip").prop('id', function(i){
return "p_number_"+i;
}).hover( function() {
var width = window.getComputedStyle( this, ':after').getPropertyValue('width');
document.styleSheets[0
浏览 5提问于2015-07-03得票数 1
回答已采纳
4回答
在我的应用程序的一部分，我有一个部分，应该显示一个产品的清单和他们的价格，总数在底部。目前，它只是一个简单的that...just，一个列表，有点难以阅读。
我想把这个打扮得更好看些。因此，我有一些不同的概念，并认为这将是最好的，如果它是一些风格，你会收到一个实际的收据，你将在餐厅或商店。这将是容易阅读和其他一系列的原因。
然而，我似乎遇到了一些麻烦，想出如何在css中实现这一点。我的理想目标是文本看起来像这样：
Item ...................... $50.00
Item 2 .................... $50.00
Long Item ...........
浏览 10提问于2014-08-27得票数 1
回答已采纳
1回答
我想创造一个两边都有线条的标题。由于某些原因，它并不只在IE上工作，只在左边。
h2 {
position: relative;
overflow: hidden;
text-align: center;
}
h2:before,
h2:after {
position: absolute;
top: 44%;
overflow: hidden;
width: 50%;
height: 1px;
margin-left: 5%;
content: '\a0';
background-color: red;
}
h2:before
浏览 2提问于2015-11-17得票数 2
回答已采纳
背景：
我有一个圆圈缩略图img (.x卡-img)，它在桌面上也有矩形图像。
问题：
然而，在较低的屏幕分辨率，缩略图(右图)形状转变为一个鸡蛋。问题似乎是底层图片不是方形的，但这正是我想要解决的问题，所以不管用户上传什么，它总是整洁地集成在一起。
尝试：
普遍的解决办法是有合适的对象:覆盖和设置高度:自动或在周围玩，否则与宽度/高度和最大宽度/最大高度。我觉得我什么都试过了，但似乎什么都没有用。
按照下面的答案，UPDATE 1添加了以下内容来替换边界半径：
剪辑路径:圆圈( 50%，50%);
然而，这仍然导致图像太长，并切断了侧面。也许一个更好的解决方案是有一个属性来缩放图像以填充足够
浏览 1提问于2020-11-21得票数 0
回答已采纳
好吧，这是一个我无法解决的简单问题。我有一个html文档，如下所示：
<ol>
<li> item 1 </li>
<li> item 2 </li>
<li> item 3 </li>
</ol>
所附的css如下所示：
ol {
list-style: none;
counter-reset: li-counter;
}
ol li {
counter-increment: li-counter;
}
ol li::before {
content: counter(
浏览 3提问于2019-09-25得票数 0
3回答
所以我有这个代码
#id {
border-color: blue;
}
ID是一个文本区
我如何做#id::??? {}和我想让它，所以当我选择文本区域时，我什么使轮廓颜色不同
我该怎么做？
浏览 0提问于2021-08-04得票数 2
1回答
我有以下使用background-size: cover的背景，我想把它偏左一点。 .landing {
display: flex;
padding: 2rem 4.5rem;
height: 100vh;
width: 100vw;
background-image: url('~assets/img/background.jpg');
background-size: cover;
background-repeat: no-repeat;
} 如果我使用封面，我不能抵消我的图像，所以我尝试这样做 .landing {
backgroun
浏览 10提问于2021-03-28得票数 0
我希望将相同的height应用于div，就像它在引导中由列类应用的宽度一样。
假设我有这个代码。请运行此片段并在全页模式下查看.
.item{
border: 1px solid red;
background-color: lightblue;
height: 50px;
}
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<script src="//maxcdn.bootst
浏览 6提问于2014-09-25得票数 2
回答已采纳
我希望在可变宽度的线条后面有一个图标(复选标记)。如果行变得太长，我希望用省略号截断它。但是在省略号之后，这个标记应该保持不变。
.inner {
width: 80%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
我已经将宽度设置为80%，希望在省略号之后插入:after插入..well。
我怎么能这么做？
谢谢
浏览 3提问于2016-06-20得票数 10
回答已采纳
2回答
我有下面的
<div class="arrow"></div>
.arrow { background-color: #F4922D; width: 300px; background: rgba(244,146,45,0.9); padding: 40px 30px; min-height: 100px; position: relative; }
.arrow:after { left: 100%; top: 0; bottom: 0; border: solid transparent; content: " "; width:
浏览 1提问于2014-01-31得票数 0
回答已采纳
我可以替换#site-title text ，没问题。
但现在我想让它根据浏览器的大小自动调整大小，就像WordPresse在Twenty中的标题一样。
FireBug告诉我负责这件事的CSS是：
#branding img {
height: auto;
margin-bottom: -7px;
width: 100%;
}
但当我尝试将此内容复制到站点标题时：
#site-title {
text-indent: -9999px;
width: 100%; /* 980px; width of the image file. */
he
浏览 0提问于2012-02-13得票数 3
回答已采纳
2回答
我正在写一个网站，我有一个问题。背景图片没有放大。这是一张图片：
HTML：
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="reset.css">
</head>
<body>
<header class=&#
浏览 4提问于2020-10-10得票数 0
我正在尝试为ul菜单创建一个javascript算法，它将li元素延伸到使用可用宽度(100%)。
我在考虑这个流程的算法：
1. calculate the entire available with
2. substract the total elements width to see what's left
3. iterate the elements and substract 1px from the left width and assign
it to the smallest li until the iterator runs out of width
这
浏览 1提问于2013-05-17得票数 2
回答已采纳
1回答
我想在另一张图像上显示渐变图像，但是梯度图像没有显示在另一张图像上。我的代码如下：
<style>
.splash-gradient
{
background-image: url('images/gradient.png');
background-position: left;
background-repeat: repeat-y;
float: right;
height: 300px;
width: 362px;
}
</style>
<div class="col-md-6"> <img src="i
浏览 4提问于2014-04-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
