草庐IT

border-width

全部标签

jquery - HTML、jQuery : Bind width of one element to another

我想将第一个元素(foo)的宽度绑定(bind)到第二个元素(bar)的宽度。当元素“bar”的宽度改变时,我希望元素“foo”的宽度自动改变。我知道我可以将元素“foo”的宽度设置为元素“bar”的宽度,正如我们在下面的代码中看到的那样,但这是一次性的事情。执行此代码后,如果元素“bar”的宽度在页面处理的某处发生变化,会发生什么情况?例如“bar”是一个选择元素,它的宽度因AJAX调用而改变-元素“foo”如何改变它的宽度?$('#foo').width($('#bar').width());谢谢 最佳答案 Resize事件仅绑

html - flex 元素不考虑边距和框大小 : border-box

我正在尝试实现标准CSS中的简单功能。假设我有一个包含3列和box-sizing:border-box的网格系统。这意味着我将容纳3个盒子,并且有一个边距可以缩小尺寸以容纳最多3个盒子。但是当我尝试用FLEXBOX做到这一点时,这很痛苦!!因此,如果我有带有flex的div:1133.33%;margin:10px;我原本希望每行有3个框...但是如果我使用flex-wrap:wrap,它不会收缩以适应3个框。这是一个例子..想法是第二行将连续3个框,第四个框将在最后一行。谢谢https://jsfiddle.net/mariohmol/pbkzj984/14/.horizontal-

html - flex 元素不考虑边距和框大小 : border-box

我正在尝试实现标准CSS中的简单功能。假设我有一个包含3列和box-sizing:border-box的网格系统。这意味着我将容纳3个盒子,并且有一个边距可以缩小尺寸以容纳最多3个盒子。但是当我尝试用FLEXBOX做到这一点时,这很痛苦!!因此,如果我有带有flex的div:1133.33%;margin:10px;我原本希望每行有3个框...但是如果我使用flex-wrap:wrap,它不会收缩以适应3个框。这是一个例子..想法是第二行将连续3个框,第四个框将在最后一行。谢谢https://jsfiddle.net/mariohmol/pbkzj984/14/.horizontal-

html - Bootstrap 3 : Set custom width with input-group/input-group-addon and horizontal labels

我想使用.col-lg-*类来控制输入元素的大小概述here在Bootstrap网站上。但是,将div中的元素完全搞砸了:带有div的HTML:Paycheck$如何设置输入元素的宽度,使它们都一样?我希望每个输入元素的左边距像这样齐平:这是现在的样子:这是我当前的HTML:IncomePaycheck$Investments$Other$Update实例:http://jsfiddle.net/jfXUr/ 最佳答案 根据我上面的评论,尝试将标签和.input-group与.form-group容器分组。Paycheck$此处演示

html - Bootstrap 3 : Set custom width with input-group/input-group-addon and horizontal labels

我想使用.col-lg-*类来控制输入元素的大小概述here在Bootstrap网站上。但是,将div中的元素完全搞砸了:带有div的HTML:Paycheck$如何设置输入元素的宽度,使它们都一样?我希望每个输入元素的左边距像这样齐平:这是现在的样子:这是我当前的HTML:IncomePaycheck$Investments$Other$Update实例:http://jsfiddle.net/jfXUr/ 最佳答案 根据我上面的评论,尝试将标签和.input-group与.form-group容器分组。Paycheck$此处演示

html - 边距顶部 : 100% gets parent width value. .. 奇怪

我在大多数浏览器(即ff、chrome、safari)上都有非常奇怪的“问题”。这是示例代码:html{outline:1px#0ffsolid;background:rgba(0,255,255,0.1);}body{margin:0;padding:0;outline:1px#00fsolid;background:rgba(0,0,255,0.1);}#aDiv{width:300px;outline:1px#f00solid;background:rgba(255,0,0,0.2);}#bDiv{margin-top:100%;outline:1px#0f0solid;back

html - 边距顶部 : 100% gets parent width value. .. 奇怪

我在大多数浏览器(即ff、chrome、safari)上都有非常奇怪的“问题”。这是示例代码:html{outline:1px#0ffsolid;background:rgba(0,255,255,0.1);}body{margin:0;padding:0;outline:1px#00fsolid;background:rgba(0,0,255,0.1);}#aDiv{width:300px;outline:1px#f00solid;background:rgba(255,0,0,0.2);}#bDiv{margin-top:100%;outline:1px#0f0solid;back

html - Firefox 中的圆 Angular : space between border and background

我有一个要应用圆Angular的div。这是我的demofiddle. div{margin:20px;width:250px;height:250px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;border-radius:15px;background-color:#4c66a1;border:2pxsolid#4c66a1;}我还为这个div应用了边框和背景色。问题出现在Firefox中。在div的边框和背景颜色之间有少量空白(见下图)。它非常小,但人们还是注意

html - Firefox 中的圆 Angular : space between border and background

我有一个要应用圆Angular的div。这是我的demofiddle. div{margin:20px;width:250px;height:250px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;border-radius:15px;background-color:#4c66a1;border:2pxsolid#4c66a1;}我还为这个div应用了边框和背景色。问题出现在Firefox中。在div的边框和背景颜色之间有少量空白(见下图)。它非常小,但人们还是注意

html - Safari 10.1 – 文本对齐 : justify text goes outside the border in RTL languages

我在body元素中有一个带有文本段落的HTML标记。在CSS样式表中,我添加了:body{text-align:justify;color:black;background-color:white;font-size:23;letter-spacing:0.05pt;line-height:125%;font-size:1.25em;margin:0.00em20em;text-indent:0em;font-weight:normal;font-style:normal;direction:rtl;}当我在Safari10.1中加载它时,文本超出了正文边框。但是相同的标记在旧版本的S