相关疑难解决方法(0)
如何自动水平滚动无序列表？
我需要一次显示两个列表项并自动滚动以每秒查看所有项n。
我看到很多复杂的照片滑块插件，但是简单的文本呢？
这是一个小提琴：http : //jsfiddle.net/B9DsX/
HTML
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Praesent commodo nisi eu sapien</li>
<li>Fusce tempor, sapien vitae tempus dapibus</li>
<li>Aenean pulvinar urna vel tortor</li>
<li>Proin turpis tellus, fringilla eget molestie nec</li>
<li>Etiam sed varius lacus</li>
<li>Aenean facilisis tincidunt massa luctus feugiat</li>
<li>Etiam suscipit vel erat sit amet fringilla</li>
<li>Nulla sit amet eros mauris.</li>
</ul>
CSS
ul {
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
padding:30px 0;
margin:0;
}
li {
display:inline; …推荐指数
解决办法
查看次数
如何防止跨度标签相互重叠？
为什么<span>标签彼此重叠,以及如何防止这种情况？我需要它们很好地环绕屏幕,这样它们就不会妨碍其他人的观点.
HTML:
<span class="alphas">#</span>
<span class="alphas">A</span>
<span class="alphas">B</span>
<span class="alphas">C</span>
<span class="alphas">D</span>
etc...
CSS:
.alphas {
border-radius: 5px;
border: 12px solid #8AC007;
padding: 20px;
background-color: #006677;
width: 200px;
height: 150px;
}
推荐指数
解决办法
查看次数
内嵌块盒不适合其容器
不知道我做错了什么,我认为通过添加边框,它将整齐地适合这4个盒子.
http://jsfiddle.net/jzhang172/x3ftdx6n/
.ok{
width:300px;
background:red;
height:100px;
box-sizing:border-box;
}
.box{
display:inline-block;
box-sizing:border-box;
width:25%;
border:2px solid blue;
height:100%;
}<div class="ok">
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box">4</div>
</div>推荐指数
解决办法
查看次数
从html中删除"空白文本节点"
我在div()之前得到了一条不需要的行,它在浏览器的开发者模式(firefox)中显示为空点.我怎么摆脱它？
它不是div的伪元素,所以span :: before不起作用.我不知道它正在产生.
<div class="coll-details">
<h5>Div title</h5>
<span class="fa counts fa-eye"> 234</span>
<span class="fa counts fa-heart"> 123</span>
<span class="fa counts fa-comment"> 123</span>
<span class="fa counts fa-share"> 123</span>
</div>
空格文本节点在span标记之前添加.
推荐指数
解决办法
查看次数
保证金,填充,边界全部为零后仍有空格？
我将边距,填充和边框设置为零,但我的画布和div周围仍有空间用于Firefox和Chrome.显然,我不明白如何在HTML中使用元素,并且会对建议和指针表示感谢.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Spacing Question</title>
<style type="text/css">
*
{
border: 0px;
margin: 0px;
padding: 0px;
}
canvas
{
width: 150px;
height: 150px;
}
body
{
background-color: Purple;
color: Silver;
}
</style>
<script>
function draw() {
var canvas = document.getElementById('canvas1');
if (canvas.getContext) {
var ctx = canvas.getContext('2d');
ctx.fillStyle = "rgb(200, 0, 0)";
ctx.fillRect(0, 0, 150, 150);
}
canvas = document.getElementById('canvas2');
if (canvas.getContext) {
var ctx = canvas.getContext('2d');
ctx.fillStyle = "rgb(0, 200, 0)";
ctx.fillRect(0, 0, …推荐指数
解决办法
查看次数
删除div之间的边距
这个问题似乎已被回答了一百万次,而且似乎也有一百万次.不过不适合我.我想将所有的div组合在一起
<body>
<div class="mainprogress">
<div class="detailprogress" style="height:100%;width:18%">
<div class="done" style="width:58%"></div>
<div class="late" style="width:41%"></div>
</div>
<div class="detailprogress" style="height:35%;width:81%">
<div class="done" style="width:73%"></div>
<div class="todo" style="width:26%"></div>
</div>
</div>
</body>
为此,我使用以下CSS
.mainprogress {
height:60px;
border:2px solid black;
}
.mainprogress div{
padding:0;
margin:0;
display:inline-block;
}
.detailprogress div {
height:100%;
}
.detailprogress .done {
background-color:lightgreen;
}
.detailprogress .donelate {
background-color:lightpink;
}
.detailprogress .late {
background-color:red;
}
.detailprogress .todo {
background-color:green
}
(在这里:http://jsfiddle.net/uhBW2/5/)当充分利用负边距时,它似乎开始在某个时刻起作用,但它感觉非常hackish.如何让元素相互对齐？
推荐指数
解决办法
查看次数
为什么使用display时div之间的空格:inline-block
使用时为什么div之间有空格display: inline-block,如下例所示:http://jsbin.com/IhULuZO/1/edit.
我知道我可以使用float:left,但如果可能的话,我想摆脱没有浮动元素的空白区域.
推荐指数
解决办法
查看次数
如何删除文本输入和提交按钮之间的空格？
submit为什么 my和 search之间有一个空格field？我该如何摆脱这个？
<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
<label>
<span class="screen-reader-text">Search for:</span>
<input type="search" class="search-field" placeholder="Search..." value="" name="s" title="Search for:" />
</label>
<input type="submit" class="search-submit" value="Search" />
</form>
推荐指数
解决办法
查看次数
2 个 div 彼此相邻对齐，分别为 75% 和 25%
我需要有两个彼此相邻的 div。左侧 div 的宽度为 75%，右侧为 25%。左 div 的内容必须左对齐，右 div 右对齐。
这就是我所做的：
<div class="header_menu">
<div class="links">
Home Contact
</div>
<div class="social_media">
Contact twitter linkedin
</div>
</div>
CSS：
.header_menu{
border-bottom:1px solid #CCC;
}
.links{
width:75%;
display:inline;
}
.social_media{
width:25%;
display:inline;
}
我尝试添加一个float:left;andfloat:right;但随后边框不再放置在底部......？？？
M。
推荐指数
解决办法
查看次数
输入"enter"会导致html中的换行符.为什么？
这将是一个CSS家伙打他的额头并去"你必须开玩笑"的事情之一,为此我道歉.我也很抱歉在Stackoverflow上无法找到类似的问题时,我很确定,必须有一个.
看看这个JSfiddle:https://jsfiddle.net/kwende/fqxna79a/
你会注意到那里有两个标签:
<div id="left">Left</div><div id="right"><p>Right</p><p>Right 2</p></div>
我所想要的是,如果你输入ENTER(在Chrome和Edge中)并因此在第一个和第二个div之间创建一个换行符,绿色和红色块不再在同一行上.但没有改变CSS.没有标记改变.我不明白为什么(这是我理解这一点无关紧要的一部分)文本文档中的换行符会在标记的呈现中创建一个新行.但显然确实如此.
例:
是我没有输入ENTER,和
更新:似乎此问题已得到解答.这是一个很好的链接,可以了解正在发生的事情.
推荐指数
解决办法
查看次数
标签 统计
css ×10
html ×9
javascript ×2
border-box ×1
canvas ×1
css3 ×1
firefox ×1
font-awesome ×1
forms ×1
html5 ×1
jquery ×1