小编Kyl*_*yle的帖子
高度和宽度不适用于跨度吗？
总的菜鸟问题,但在这里.
CSS
.product__specfield_8_arrow {
/*background-image:url(../../upload/orng_bg_arrow.png);
background-repeat:no-repeat;*/
background-color:#fc0;
width:50px !important;
height:33px !important;
border: 1px solid #dddddd;
border-left:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-bottom-left-radius:0px;
border-top-left-radius:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topleft:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-top-left-radius:0px;
margin:0;
padding:2px;
cursor:pointer;
}???
HTML
<span class="product__specfield_8_arrow"> </span>?
基本上我正在尝试模拟一个按钮,使一个跨度(或某物)看起来像一个输入字段旁边的按钮实际上不需要是一个因为自动填充生成器在输入上生成错误.认为这是现在的快速修复,但显然不是.
谢谢.
推荐指数
解决办法
查看次数
如何在CSS中为="XYZ"选择标签？
HTML:
<label for="email">{t _your_email}:</label>
CSS:
label {
display: block;
width: 156px;
cursor: pointer;
padding-right: 6px;
padding-bottom: 1px;
}
我想为电子邮件标签制作一个新的CSS,因为它并不意味着那么广泛.
推荐指数
解决办法
查看次数
在CSS中使用"!important"有什么含义？
我已经在一个网站上工作了几个月,很多时候我一直在尝试编辑某些东西,我必须使用!important,例如:
div.myDiv {
width: 400px !important;
}
为了使其按预期显示.这是不好的做法吗？或者!important命令可以使用吗？这会导致任何不希望的事情进一步下线吗？
推荐指数
解决办法
查看次数
什么是HTML字符代码8203？
字符代码(HTML)是​什么？我在我的一个jQuery脚本中发现了它,并想知道它是什么..
谢谢.
编辑:
这是它所在的脚本(它被添加到最后,在Firebug中找到它)
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
var $jnyh = jQuery.noConflict();
$jnyh(function() {
$jnyh("#title-nyh").click(function() {
$jnyh(".show-hide-nyh").slideDown("slow");
}, function() {
if(!$jnyh(this).data('pinned'))
$jnyh(".show-hide-nyh").slideUp("slow");
});
$jnyh("#title-nyh").click(function() {
$jnyh(this).parent().toggleClass("title-btm-brdr");
$jnyh(this).toggleClass("chev-up-result");
var pin = $jnyh(this).data('pinned');
$jnyh(this).data('pinned', !pin);
if(pin) $jnyh(".show-hide-nyh").slideUp("slow");
});
});?​
</script>
推荐指数
解决办法
查看次数
你能在Firebug中制造悬浮状态吗？"粘性吗？"
当我正在调试一个站点时,有时悬停的选择器有点长,并且与其他类似,有没有办法在Firebug中应用一种"粘性"状态来悬停规则？
例; 我将鼠标悬停在导航栏上,并希望将选择器从firebug中复制到CSS中进行搜索,但是一旦我移动鼠标,选择器(显然)就会消失,因为导航<li>器不再悬停.
有什么办法吗？
谢谢 :)
推荐指数
解决办法
查看次数
是否有类似于jsbin的HTML CSS测试文件夹
是否有类似于JSbin的页面,我可以测试HTML和CSS +为您提供"fiddlable"示例？
推荐指数
解决办法
查看次数
CSS:"内联块"元素的意外垂直位置
请考虑以下HTML代码:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>test</title>
<style>
.section {
display: inline-block;
border: 1px dashed blue;
}
.outer {
border: 1px dashed red;
margin: 10px;
}
</style>
</head>
<body>
<div style="height: 500px; width: 200px;" class="section">a
<div style="height: 100px;" class="outer">1A<br />1B</div>
</div>
<div style="height: 500px; width: 200px;" class="section">b
<div style="height: 200px;" class="outer">2</div>
<div style="height: 200px;" class="outer">3<br />4<br />5</div>
</div>
</body>
</html>
由于两个带有".section"类的div都是相同的高度,并且是内联块,我希望它们都是垂直对齐的.但是,这些div中的第一个被按下,因此文本"1B"与另一部分的文本行"5"对齐.在div中添加或删除行会直接影响我的第一部分的垂直位置.
我没有看到这个的逻辑,我也找不到官方CSS3文档中的答案.然而,它似乎并不是一个错误,因为它在Chrome 8,Safari 5,Opera 9.5和Firefox 4 beta中都是相同的...没有尝试IE,因为它无论如何都不是参考.
我正在寻找这种现象的合理解释.当然有几种解决方法(例如,将内联块更改为内联表可以解决问题,或者我可以使用普通的浮动块等等).但是我试图理解这种行为.
希望有一个比我更聪明的人可以解释这一点.
这里有实例.
推荐指数
解决办法
查看次数
列表项内的换行符会在行之间生成空格
我想<br/>在一个<li>
像里面打破一线:
- 第一行
第二行 - 李二
- 李三
但是当这样做时(两个标签) - 我在他们之间得到一个空格.保证金和填充是0,但我仍然得到它..任何想法如何摆脱它？谢谢!
推荐指数
解决办法
查看次数
我想将列表项显示为2列或更多列(动态对齐)
我可以float:left;像这样使用列表
但我想像这样展示它(如2列或更多列)
我怎样才能做到这一点？
@sandeep提供了很好的解决方案.不幸的是在IE中不起作用(需要ie7及以上).
任何帮助？
推荐指数
解决办法
查看次数
你能定位谷歌Chrome吗？
我需要在www.euroworker.no/order上设置此更新按钮(您必须将一个项目添加到购物车,使用Kjøp按钮添加和Handlevogn以查看购物车).适用于FF和IE.(尽管IE存在另一个对齐问题)但Chrome或Safari中没有.之前我曾经工作过,但我唯一能想到的就是瞄准野生动物园和Chrome.这可能吗？
这是CSS和HTML(Smarty).
HTML(Smarty的):
{capture assign="cartUpdate"}
<div id="cartUpdate"><!--<input type="submit" class="submit" value="{tn _update}" />-->
<button type="submit" class="submit" id="oppdatersubmit" name="saveFields" title="Oppdater" value=""> </button> </div>
{/capture}
{assign var="cartUpdate" value=$cartUpdate|@str_split:10000}
{php}$GLOBALS['cartUpdate'] = $this->get_template_vars('cartUpdate'); $this->assign_by_ref('GLOBALS', $GLOBALS);{/php}
{form action="controller=order action=update" method="POST" enctype="multipart/form-data" handle=$form id="cartItems"}
CONTENT
{/form}
而CSS:
#oppdatersubmit {
background-image:url(../../upload/oppdater.png);
background-repeat:no-repeat;
background-position:left;
background-color:none;
border:none;
overflow:hidden;
outline:none;
white-space: nowrap;
width:77px;
height:25px;
cursor:pointer;
position:absolute;
}
#cartUpdate {
position:absolute;
width:160px;
height:30px;
left:580px;
bottom:130px;
}
需要为Chrome和Safari更改这些内容.
谢谢.
推荐指数
解决办法
查看次数