腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
4
回答
Flexbox“现在”值不起作用
、
、
、
这是我的代码中不起作用的部分: .copyright { display: flex; flex-wrap: nowrap; /* This is not working */ color: red; } <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <p>Sample</p> <span> <li cla
浏览 0
提问于2018-06-26
得票数 4
回答已采纳
3
回答
如何制作圆形按钮与字体可怕的图标(和悬停效果)?
、
、
、
我正在尝试创建按钮,如下图所示。 我使用堆叠字体,令人惊讶的图标,把图标放在一个圆圈的顶部,它看起来如下: (忽略底部的灰色线。这是截屏效果差的结果。) 然而,正如你所看到的,图标有点偏离。理想情况下,我想把它们推高一点,这样它们在圆圈中垂直居中,或者使圆圈变大,或者使图标变小,以得到很好的填充,如示例中所示。我还想改变圆圈的颜色,我不知道该如何做并添加悬停效果(比如将图标更改为白色)。 这是我的密码。 .footer { position: absolute; bottom: 0; height: 50px; background-color: #C0
浏览 9
提问于2017-06-07
得票数 1
回答已采纳
1
回答
如何在Bootstrap媒体对象中使用漂亮的堆叠图标
、
、
我试着在一个bootstrap媒体对象中使用一个很棒的5堆栈: <div class="media"> <span class="fa-stack fa-2x"> <i class="fas fa-circle fa-stack-2x fa-fw"></i> <i class="fas fa-circle fa-stack-1x fa-inverse fa-fw"></i> </span> <div class="
浏览 9
提问于2019-07-18
得票数 0
2
回答
对中字体-令人惊讶的堆叠
、
、
我试图集中2堆FA图标,但文本对齐似乎没有任何效果。下面是代码: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> <div
浏览 2
提问于2017-01-30
得票数 1
回答已采纳
1
回答
使用css悬停更改Zurb Foundation 6.3中字体的颜色
、
、
我想要在Zurb Foundation 6.3的页面上更改我堆叠的Font Awesome社交图标中的圆圈的颜色(即图标在圆圈的顶部),使用hover属性从灰色变为红色。 我研究了不同的解决方案,但都不起作用。(我知道您不能指定inline-block属性来对齐图标,因为它会阻止hover属性工作,所以我使用了ul和li标记。) 问题是因为我在Foundation中而不是Bootstrap中使用Font Awesome吗?我找不到任何关于这方面的文档;我认为它可以与Foundation一起工作。任何帮助都将不胜感激。 谢谢史蒂夫·J。 下面是我的代码: CSS: .social fa-circ
浏览 1
提问于2017-08-07
得票数 0
2
回答
混合内容与GitHub页面
、
、
在<head> of index.html i中,可以在本地主机上成功地使用此链接: <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type=&
浏览 5
提问于2020-06-25
得票数 1
回答已采纳
2
回答
当悬停字体时改变颜色很棒的图标?
、
基于字体强大的,我创建了这个图标: <span class="fa-stack fa-5x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-flag fa-stack-1x fa-inverse"></i> </span> 下面的代码创建了这个html: <span class="fa-stack fa-5x"> <i class="fa fa-circ
浏览 6
提问于2014-09-11
得票数 38
回答已采纳
1
回答
常见的堆栈对齐问题
、
、
我使用了Fontawese.com网站上的代码示例,创建了两个堆叠的社交媒体按钮,并将其包装在div中,使它们浮动在页面的右侧。 <div class="social-icons"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x icon-background"></i> <i class="fa fa-instagram fa-stack-1x fa-inverse"></i&g
浏览 2
提问于2015-08-25
得票数 2
1
回答
在保持垂直和水平对齐的同时堆叠fa-circle-o和其他图标
、
、
我正在尝试堆叠两个图标。我的尝试看起来很糟糕,因为中心图标没有居中在fa-circle-o中。 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <span class="fa-stack fa-lg"> <i class="fa fa-th-large fa-stack-1x"></i> &l
浏览 1
提问于2017-07-25
得票数 2
回答已采纳
2
回答
如何根据单击的图标显示段落
我有4个段落和4个图标,在默认情况下这个段落是隐藏的,我想让它们在点击哪个图标时显示出来。 <div class="challenge"> <span class="fa-stack fa-1x" onclick=toggleIcon(this)> <i class="fas fa-square fa-stack-2x"></i> <i class="fas fa-plus fa-stack-1x fa-inver
浏览 0
提问于2018-06-22
得票数 1
回答已采纳
3
回答
用CSS引导自定义页脚问题
、
、
我在下面的评论中链接到了JSFiddler。您将能够看到,我已经设法使移动页脚工作良好,但CSS的设备大于移动,我想要的CSS不工作。 我在版权文本上放了一个左拉,在社会图标上放了一个右拉,但是右拉似乎不起作用,不知道为什么。此外,我希望版权文本是垂直居中。我试过使用垂直对齐:中间,但它没有起作用。 <footer> <div class="container"> <div class="row"> <div class="col-xs-12
浏览 4
提问于2015-03-05
得票数 0
回答已采纳
3
回答
堆叠图标不能正常工作的字体悬停
、
、
我正面临一个关于我的图标悬停效果的问题。 以下是我的HTML: <div class="container"> <div class="row"> <div class="col-md-6 text-center"> <a href="#"> <span class="fa-stack fa-5x">
浏览 2
提问于2015-08-05
得票数 1
回答已采纳
2
回答
CSS垂直对齐
、
、
我在尝试垂直对齐我的社交媒体图标时有点卡住了。我已经尝试了垂直文本对齐和页边距上下50%,但它们都不起作用。我不确定如何实现垂直对齐的ul类。我正在使用bootstrap,如果这有意义的话。 <footer> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-6">
浏览 0
提问于2015-03-06
得票数 0
2
回答
如何使用箭头创建圆圈div以显示到下一个圆
、
、
如何使用箭头(如步骤或流程)创建div。下面是我想要做的图片: <div class="container" style="margin-top: 20px;"> <div class="row"> <div class="col-sm-4"> <span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x text-primary"
浏览 5
提问于2017-08-22
得票数 0
回答已采纳
1
回答
字体--在引导导航栏中堆放的社交图标
、
我正在构建一个Bootstap导航栏,左边有2个社交媒体图标,右边有一个电话号码。我的社交图标是垂直堆叠的,而不是水平放置的。这是我的代码: <nav class="navbar navbar-static-top navbar-inverse"> <a class="navbar-brand" href="#">Project name</a> <ul class="nav navbar social"> <li cl
浏览 2
提问于2016-07-12
得票数 0
回答已采纳
1
回答
在悬停状态下切换字体样式
、
我是一个有抱负的网页设计师,需要帮助解决我遇到的一个问题。我在Font Awesome中有一个图标,当我悬停在它上面时,我想要更改颜色/样式。 下面是我想要使用的默认样式: CSS .fa-circle { color:red; } HTML: <span class="fa-stack fa-5x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-arrow-right fa-stack-1x fa-inverse">
浏览 1
提问于2016-06-07
得票数 0
3
回答
背景图像不透明度
、
、
、
我的HTML中有一个部分,它通过CSS附加了一个背景图像。背景图像横跨整个屏幕,并且位于文本所在的容器div之外。然而,每次我改变背景图像的不透明度,使其变得非常明亮和柔和,不透明度也会改变文本(因为背景图像与部分id绑定)。我如何重新处理这一点,使背景图像非常模糊,并且文本在前面很强? <!--services section--> <section id="services-head-section"> <div class="container"> <di
浏览 0
提问于2017-11-03
得票数 0
1
回答
圆形图标充当正方形。
、
、
、
我正在用一些社交媒体图标创建一个引导卡(字体-棒)。由于某种原因,我所有的图标都被视为盒子,周围有一个黑色的轮廓。我的悬停阴影也包裹在广场上,而不是图标本身。 为什么会发生这种事,我该如何解决呢? <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/boot
浏览 0
提问于2018-03-27
得票数 2
回答已采纳
7
回答
为什么onclick被触发了两次?
、
这是我一直在研究的一小部分代码: 我所要做的就是添加一个active类,在单击相同元素时进行标记,并保持默认行为不变。 我不知道为什么会触发两次单击事件?? $('label.add-to-favourite').click(function(e){ alert("here"); $(this).toggleClass('active'); }); .add-to-favourite span{ cursor: pointer; color: #d2d6de; } .add-to-favourite:hover s
浏览 7
提问于2016-07-13
得票数 4
回答已采纳
1
回答
带字体的中心div
、
、
、
、
我有一个网站,我正在与启动3.3.5。我想用图标对齐div,我也想要以图标为中心,比如什么文本-对齐:中心;如果它只是文本而不是Fonat图标,就会这样做。这就是我到目前为止尝试过的,css在我的css文件夹和custom.css页面中。 @media (min-width: 992px) { .col-md-1-5 { width: 20%; } .col-md-2-5 { width: 40%; } .col-md-3-5 { width: 60%; } .col-md-4-5 { width: 80%; } .col-md-5-5 { width: 100%; }
浏览 0
提问于2017-02-16
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Web开发之旅-不会html、css、js照样写出高大上的前端页面!
好用的前端响应式框架—Bootstrap
Font Awesome 图标
干货15 个有趣的 JS和CSS 库
Adobe发布Creative Cloud新品,这些更新你一定感兴趣
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券