小编Mr.*_*ien的帖子
第一个跨度的保证金顶部不起作用
<div class ="cards">
<span id="cardtitle">
Chance
</span>
<span id="cardinfo">
Your ass is going to jail.
</span>
</div>
.cards{
background: #F8F8F8 ;
height: 100px;
margin: 0 auto;
width: 200px;
}
#cardtitle, #cardinfo{
background: #ffcc00;
display: block;
margin-top: 10px;
width: 100px;
}
好吧,保证金最高可行,#cardinfo但#cardtitle没有.问题似乎是第一个因素,因为如果我尊重2个跨度,问题就会逆转.
推荐指数
解决办法
查看次数
textarea适合父母宽度减去边距
我确信这是一个非常常见的问题,但我无法在以前的答案中找到我的简单情况....
我有一个textarea内部div
想象一下,div拥有width的90%其容器的,我想这textarea整个跨越width的div .notes负左右,margin中10px
类似100%的div - 10px的left margin 10px的right margin")
<div class="notes">
<h2>Title</h2>
<textarea></textarea>
<button>Save</button>
</div>
显然,解决方案可能是非常有用的也每隔div内div为此我们要设置一个width类似的方式....如何获取呢？
推荐指数
解决办法
查看次数
表格单元格中的内容未对齐
我正在制作一些表格内容并遇到了一些问题。
当我想向第一个表格列添加更多文本时，它会为所有其他列添加额外的空间。
在这里你可以看到我在说什么
你可以在这里查看我的小提琴
HTML
<table id="mytable" border="1">
<tr>
<td>
<img src="" />
<span>some text<br>asdasd<br>asdas</span>
</td>
<td>
<img src="" />
<span>some text</span>
</td>
</tr>
</table>
CSS
#mytable{
width:400px;
}
#mytable tr td{
padding:10px;
}
#mytable tr td img{
width:200px;
height:100px;
}
推荐指数
解决办法
查看次数
将ROWS分组为具有相同标识符的数组
如何在foreach循环内部运行此数组并将共享相同的行组合在一起section_id？
我用注释块标记了所有行和部分.
这是阵列
Array (
[0] => Array ( // Row 1
[assessment_selection_id] => 63
[assessment_id] => 32
[section_id] => 1 // Section 1
[question_id] => 1
[selection] => 2
[timestamp] => 1368160586
)
[1] => Array ( // Row 2
[assessment_selection_id] => 61
[assessment_id] => 32
[section_id] => 2 // Section 2
[question_id] => 1
[selection] => 3
[timestamp] => 1368160510
)
[2] => Array ( // Row 3
[assessment_selection_id] => 61
[assessment_id] => 32 …推荐指数
解决办法
查看次数
iframe中的样式内容
我必须在iframe中设置一些内容.
<html>
<head>
<link href="url/to/my/custom.css"></link>
</head>
<body>
......
<iframe class="webform-frame">...</iframe>
</body>
</html>
在我的custom.css中,我已经尝试过使用.webform-frame h5 { color: #f00; }但它不起作用.
iframe是由一些JavaScript生成的(我无法访问它).
知道如何在那个iframe中设置那些东西吗？
推荐指数
解决办法
查看次数
有没有办法在Element中放置边框而不是Outside？
我正在使用jQuery和CSS.当我mouseenter为一个图像使用一个事件(在图像周围放置一个边框)时,由于外部边框,布局变得很复杂,这使得它非常难看.我只是想知道是否有办法将边框放在img中,以便img容器保持相同的大小并且不会影响布局.我唯一能想到的就是调整图像的大小mouseevent,这似乎是很多工作(计算尺寸,特别是考虑响应性),我可以看到很多问题都是由于这样做而产生的.
推荐指数
解决办法
查看次数
如何删除图像旁边的下划线？
鉴于以下页面(SSCCE,就像我们都喜欢它):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
* {
border:0;
margin:0;
padding:0;
}
body {
background:#BCD5E1;
font:.85em Verdana;
}
#flag_panel {
position:absolute;
right:15px;
top:20px;
}
#flag_panel img {
vertical-align:middle;
}
#flag_panel .selected_image {
border:solid 2px #444;
padding:5px;
}
</style>
</head>
<body>
<div id="flag_panel">
<a href="#">
<img src="ro.gif" />
</a>
<img class="selected_image" src="us.gif" />
</div>
</body>
</html>
这个HTML文件和2个图像可以在URL找到:image-problem.zip(1.6 KB)
预期的结果是:
但实际结果是:
如您所见,这两幅图像之间有一点下划线.我无法弄清楚原因.
我在Firefox v24和Chrome v31中尝试了这段代码.所以我很确定我是那个失踪的人.
我注意到这个问题在两种情况下消失了:
- 如果
<img class="selected_image"...之前到来<a href="#"...(也就是说他们被交换) - 如果第一个图像未包含在achor标记内(
<a>).
这段代码的目标是能够在我拥有的网站上切换英语和罗马尼亚语之间的语言.因此,其中一个图像必须始终具有该边框,而另一个图像必须始终可点击.但我希望能够在没有出现那种下划线的情况下做到这一点(看起来丑陋/越野车). …
推荐指数
解决办法
查看次数
使用每个html上方的标签显示彼此相邻的两个输入
我想做这样的事情
USER EMAIL
input input
但我无法想象如何以这种方式显示它.基本上我希望每组标签+输入字段都是div,但我希望div是并排的.也许我正在使用错误的标签,因为我是一个html noobie> <
推荐指数
解决办法
查看次数
CSS:nth-child()样式,每个第2个和第3个相同的颜色,依此类推
如何按此顺序设置链接样式:
第一个红色,第二个蓝色,第三个蓝色,第四个红色,第五个红色,第六个蓝色,第七个蓝色等等.有图像示例:
推荐指数
解决办法
查看次数
如何在Flexbox中对齐两端的项目
我有一个tdwith Two div，我想要的是将它们div在两端对齐。
<td class="lefts">
<div>
<h4>VOUCHER </h4>
<h4>DATE TIME </h4>
<h4>SALESMAN</h4>
<h4>CUSTOMER : </h4>
<h4>CONTACT </h4>
<h4>VAT / : </h4>
<h4>ADDRESS </h4>
</div>
<div>
<p> HELLO WORLD </P>
</div>
</td>这是我希望如何对齐我的视觉表示div
推荐指数
解决办法
查看次数