小编Man*_*mar的帖子
如何在不同的设备上交换网格位置(materializecss)？
我正在使用MaterialiseCSS构建一个网站
我有两个盒子:A(col s12 m8 l8)B(col s12 m4 l4)
<div class="container">
<div class="row">
<!-- Box A -->
<div class="col s12 m8 l8">
<!-- details -->
</div>
<!-- Box B -->
<div class="col s12 m4 l4">
<!-- details -->
</div>
</div>
</div>
在桌面上,我喜欢它的方式,左边是方框A,右边是方框.然而,在移动设备上,而不是A在顶部,我希望B先成为A.我已经尝试过float: rightA但是它没有用.我怎样才能达到这个效果？
推荐指数
解决办法
查看次数
用CSS制作完美的圆形div
正如你在这里看到的,我有两个div.每个div都有不同的文本.两个div都具有相同的样式,但带有id的div days是完美的圆形,但带有id的div hour就像一个椭圆形.我怎样才能制作hour圆形？
这是我的代码:
.component {
color: white;
border: 1px solid white;
border-radius: 50%;
display: inline;
padding: 20px;
}
body {
background-color: black;
margin: 20px;
}<body>
<div class="component" id="days">71</div>
<div class="component" id="hour">5</div>
</body>推荐指数
解决办法
查看次数
如何使用角度路由器导航到各个部分？
如何导航到 Angular 2 上 HTML 的特定部分？我想按如下方式导航：
<a href="#first">First section</a></li>
<a href="#second">Second section</a></li>
<a href="#third">Third section</a></li>
<section id="first">
Content...
</section <section id="second">
Content...
</section>
<section id="third">
Content...
</section>
但使用 Angular 路由器。
推荐指数
解决办法
查看次数
为什么 HTML 中 SELECT 的大小比 INPUT 小
我试图创建一个表单，但遇到了一个问题：SELECT 和 INPUT 元素的大小不同。如下：为什么带有 SELECT 元素的 div 比带有 Input 元素的 div 小（您可以看到一个带有“深红色”颜色的小间隙）。
* {
box-sizing: border-box;
}
.row {
background-color: crimson;
}
.row::after {
content: "";
clear: both;
display: table;
}
[class*="col-"] {
float: left;
background-color: cornflowerblue;
}
.col-1 {
width: 8.33%;
}
.col-2 {
width: 16.66%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.33%;
}
.col-5 {
width: 41.66%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58.33%;
}
.col-8 {
width: 66.66%;
}
.col-9 { …推荐指数
解决办法
查看次数
Flex 框在悬停时移动
每当我将鼠标悬停在文本上时，我都希望它有一个底部边框。但是，我也让我的文字向上移动。也许有什么建议？图像之前是不正确的位置和图像之后被提升一个位。我知道你不能从截图中看到它。但是，我不知道如何上传视频。
.pages {
width: 370px;
font-family: 'Heebo', sans-serif;
font-size: 18.5px;
display: inline-flex;
flex-direction: row;
margin: auto 0px auto 0px;
justify-content: space-between;
padding: 0px 24px 22px 0px;
}
.pages :hover {
cursor: pointer;
border-bottom: 1px solid black;
padding-bottom: 1px;
}<div class="pages">
<a id="Gallery">Gallery Walls</a>
<a id="Contact">Contact</a>
<i class="fab fa-instagram" id="icon"></i>
<i class="fas fa-store" id="icon"></i>
</div>推荐指数
解决办法
查看次数
CSS inset box-shadow 带偏移量？
我想要的结果是一个带有粗下划线的标题元素，从左侧稍微偏移，如下所示：
我让下划线与插入的 CSS box-shadow 一起使用，但我不知道如何将它从左侧偏移，以便它不完全与 h2 文本的开头对齐。
html {
font-family: 'Roboto', sans-serif;
font-size: 62.5%;
// -ms-text-size-adjust: 100%;
// -webkit-text-size-adjust: 100%;
}
body {
word-wrap: break-word;
overflow-x: hidden;
}
h2 {
font-weight: bold;
font-size: 2rem;
line-height: 1.1;
}
h2 span {
box-shadow: inset 0 -1.0rem 0 0 #88DEB2;
padding-right: 1rem;
}<h2><span>Incredible Pure Castile Soap</span></h2>很高兴获得有关如何实现这一目标的任何提示。
推荐指数
解决办法
查看次数
Facebook sdk 11.0.0 导致 Android 上崩溃
环境
\n- \n
- Unity编辑器版本：2019.4.30f1 \n
- Unity SDK版本：11.0.0 \n
为了解决Unity导致的android崩溃问题，我将Unity从2019.4.29f1升级到2019.4.30f1。不幸的是，这次我发现了新的崩溃问题。该问题的详细信息如下：
\nCaused by java.lang.NullPointerException: Parameter specified as non-null is null: method kotlin.jvm.internal.Intrinsics.checkNotNullParameter, parameter args\n at com.facebook.appevents.iap.InAppPurchaseBillingClientWrapper$BillingClientStateListenerWrapper.invoke(:12)\n at java.lang.reflect.Proxy.invoke(Proxy.java:1006)\n at $Proxy2.onBillingServiceDisconnected()\n at com.android.billingclient.api.zzah.onServiceDisconnected(com.android.billingclient:billing@@3.0.3:4)\n at android.app.LoadedApk$ServiceDispatcher.doDeath(LoadedApk.java:1811)\n at android.app.LoadedApk$ServiceDispatcher$RunConnection.run(LoadedApk.java:1826)\n at android.os.Handler.handleCallback(Handler.java:873)\n at android.os.Handler.dispatchMessage(Handler.java:99)\n at android.os.Looper.loop(Looper.java:205)\n at android.app.ActivityThread.main(ActivityThread.java:6991)\n at java.lang.reflect.Method.invoke(Method.java)\n at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493)\n at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:884)\n根据 Firebase Crashlytics 仪表板上提供的信息，所有崩溃都发生在后台，并且大多数发生在 Android 11 上。分析信息后，崩溃似乎发生在 onBillingServiceDisconnected 事件（com.facebook.com）的回调上。 appevents.iap.InAppPurchaseBillingClientWrapper$BillingClientStateListenerWrapper.invoke）。由于我没有 Android 11 设备，因此无法重现此崩溃，并且我不知道如何重现它。现在关于ServiceDisconnected事件，您有什么建议吗？
\n推荐指数
解决办法
查看次数
将 div 置于圆圈中心
我有一个圆圈，无法将 div 与文本居中。我尝试使用 flexbox 但它似乎不起作用或者我做错了。
这是代码
.circle {
border-radius: 50%;
transition: all 2s;
transition-delay: 0s;
background-color: #14b1e7;
width: 100%;
padding-top: 100%;
text-align: center;
}
.words {
font-size: 40px;
font-family: 'Montserrat', sans-serif;
display: flex;
animation-name: fade;
animation-delay: 4s;
animation-duration: 0.5s;
animation-timing-function: ease-out;
animation-iteration-count: forwards;
animation-direction: absolute;
font-weight: bold;
justify-content: center;
align-items: center;
}<div class="circle">
<div class="words"></div>
<div class="words1"></div>
<div class="words2"></div>
</div>推荐指数
解决办法
查看次数
Cordova混合移动应用程序将SecurityError连接到O365
在我的Android设备上运行时,我的Cordova应用程序出现以下错误:
Uncaught SecurityError:无法在'XMLHttpRequest'上执行'open':拒绝连接到' https://login.microsoftonline.com/common/oauth2/token ',因为它违反了文档的内容安全策略.
但是,当我在VS 2015 Ripple模拟器中运行应用程序时,它完全按预期工作.我是否需要添加到内容安全策略中以允许在我的设备上进行身份验证？
推荐指数
解决办法
查看次数
将文本换行到表格单元格内的新行
我有一个可怕的 CSS 错误，它使文本内容出现在表格单元格之外。我创建了一个小提琴的问题。
我希望内容在表格单元格内显示为换行符或类似内容，但无论我尝试什么都不可能。我尝试更改width表格单元格的属性，但没有任何可能。我能对这个错误做些什么？
<td class="title-details">
<a href="/social/group/infosys-scrum-team/event/uppfoljning-av-organisationsforandringen-2/" title="Klicka för att se alla detaljer">
Uppföljning av organisationsförändringen - Avstämningspunkt på IT-ledningsmötet</a>
<span class="title-details-short">
<a href="/social/group/infosys-scrum-team/event/uppfoljning-av-organisationsforandringen-2/" title="Uppföljning av organisationsförändringen
• Den ursprungliga tidplanen hade en uppföljningspunkt
den 6 maj
• Den stryks och fokus läggs på förändringsarbetet
tillsammans med cheferna
• Planerade uppföljningspunkter
• 16/9 – Uppstartsaktivitet kopplat till
organisationsförändringen
• 25/11 – Avstämningspunkt på IT-ledningsmötet
• 2/12 – Avstämningspunkt på ITA-mötet 2/12">...</a>
</span>
<span class="title-details-long">Uppföljning av …推荐指数
解决办法
查看次数
标签 统计
css ×7
html ×6
android ×1
angular ×1
crash ×1
css-shapes ×1
facebook ×1
flexbox ×1
grid-layout ×1
materialize ×1
office365 ×1
sdk ×1