小编dip*_*pas的帖子
CSS 顶部边框不起作用
我一直试图在一堆超链接上放置一个边框顶部，以将它们与标题分开（用于学校作业），但它不起作用，我已经尝试了一个多小时了。
这是 #menu 的 CSS 代码，其中包含我的超链接：
#menu {
color: #ffffff;
padding: 10px 0px 10px 0px;
text-align: center;
border-top: 1px #669999;
}<div id="menu">
<a href="#">HYPERLINK 1</a> |
<a href="#">HYPERLINK 2</a> |
<a href="#">HYPERLINK 3</a> |
<a href="#">HYPERLINK 4</a> |
<a href="#">HYPERLINK 5</a>
</div>
这就是图片的样子。（是的，我知道这很丑，但我必须按照说明进行操作）
推荐指数
解决办法
查看次数
CSS calc()是否受到广泛支持？
由于我已经学会了如何calc在CSS中使用,我发现了许多对我有用的实例.
但是,我想知道它如何跨浏览器和设备执行.
是否广泛支持使用而不用担心？
演示:
.element {
width: calc(100% - 25px);
}
推荐指数
解决办法
查看次数
未应用媒体查询
这是我的 CSS media query
@media screen and (max-width: 450px) {
.box_url {
font-size: 12pt;
}
.box_heading {
font-size: 13pt;
}
.right {
text-align: left;
}
.jane {
font-size: 10pt;
}
.ninja {
font-size: 12pt;
}
}
和我的普通 CSS
.right {
text-align: right;
}
.jane {
width: 100%;
font-size: 70pt;
}
.ninja {
width: 100%;
font-size: 25pt;
}
但是当我运行网站时，一些媒体查询没有被应用。
当我在 chrome 中打开开发工具时，它显示媒体查询被覆盖。
我也尝试使用，min-width但它仍然不适用这些样式。为什么会发生这种情况以及如何解决这个问题？
推荐指数
解决办法
查看次数
如何在内联 UL 中垂直对齐 SVG 和跨度？
我<li>在<ul>带有display: inline-block.
但是，SVG每个里面的和 文本<li>并不垂直排列。我试过使用，vertically-align: middle因为它们是inline-block元素，但没有用。
理想情况下，两个元素的中间对齐，但对齐顶部或底部也可以。
svg {
height: 20px;
width: 20px;
display: inline-block;
background: green;
}
span {
background: blue;
}
#retweet-icon, #favorite-icon {
display: inline-block;
}
li.tweet-action {
height: 22px;
margin-left: 14px;
display: inline-block;
vertical-align: middle;
}
li.tweet-action:first-of-type {
margin-left: 0px;
}
ul#tweet-actions {
display: inline-block;
list-style-type: none;
float: left;
padding: 0px;
vertical-align: middle;
}<ul id="tweet-actions">
<li class="tweet-action">
<div id="favorite-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 …推荐指数
解决办法
查看次数
CSS 正文背景位置右下角不起作用
我正在尝试将背景图像放置在body标签的背景中，right bottom但由于某种原因，该图像几乎完全不可见。除了解决方案之外，我还想了解为什么这不像我预期的那样工作。我将组合更改为其他设置，例如left bottom静态图像不在视野中。
图片是这个：https : //i.stack.imgur.com/fpKuw.jpg?s=328&g=1
body {
background-image: url(https://i.stack.imgur.com/fpKuw.jpg?s=328&g=1);
background-repeat: no-repeat;
background-position: right bottom;
}<body>
</body>推荐指数
解决办法
查看次数
图像特定区域的可点击链接
我有一张地图的图像它在地图上有特定的区域名称,但它只是一个PNG图像.我希望用户能够点击地图上的名称并将其带到特定的主板上.
例如,地图上有三个名称.每个名称都在不同的X和Y坐标,如果用户点击X:100, Y:300左右,他们将被带到董事会,而如果他们点击X:400, Y:100,他们将被带到另一个董事会.
我已经考虑过使用<canvas>和javascript为此而且我不确定如何.
推荐指数
解决办法
查看次数
有没有办法设置自动换行断点？
我有一个div，它以以下格式显示名称，日期和时间：
By John Doe on: mm/dd/yyyy HH:MM AM
我要显示的区域是固定宽度，如果用户名太长，可以像这样缩短时间：
By John Doe on: mm/dd/yyyy HH:MM
AM
当我希望有时间包装AM / PM时
By John Doe on: mm/dd/yyyy
HH:MM AM
有没有一种设置断点或类似概念的方法来告诉页面它可以在日期和时间之间中断，而不能在时间和AM / PM之间中断？
推荐指数
解决办法
查看次数
使用 gulp 支持旧浏览器
我想一直支持 es6 语法和 javascript 的新功能到 IE11。我在我的项目中使用了 gulp。有什么办法可以让新的 javascript 被转译以支持旧浏览器？
推荐指数
解决办法
查看次数
<style> 标签如何在 <body> 标签内工作？
我使用<style>标签内<body>标签和<h1>标签内<head>标签。它奏效了。它是如何完美运行的？
推荐指数
解决办法
查看次数
将 div 放在引导程序中的另一个 div 之上
请我想知道如何将一个 div 放在另一个 div 之上。
这是我之前和之后想要的
<div class="col-md-12 container">
<div class="col-md-12"> box1 </div>
<div class="col-md-12"> box2 </div>
</div>
推荐指数
解决办法
查看次数
标签 统计
css ×9
html ×9
javascript ×2
background ×1
bootstrap-4 ×1
border ×1
css-calc ×1
css3 ×1
ecmascript-6 ×1
gulp ×1
html-lists ×1
svg ×1