标签: display
更改默认显示属性是一个好习惯吗？
TL; DRdisplay在我的CSS中更改默认属性是不好的做法吗？
问题
最近,在我们的项目中,我们必须定位2个标头标签,使它们看起来像一个.它们具有相同的字体大小和相似的样式,因此唯一的问题是如何将一个放在另一个旁边.我们有两个不同的想法,并讨论是否是一个改变默认display属性的好习惯
所以,我们非常基本的代码
<div class="container">
<h1>Header:</h1>
<h2>my header</h2>
</div>
我们希望得到的结果:
标题:我的标题
注意:代码需要包含2个不同的标题,因为在移动版本中我们希望在单独的行中显示它们(因此保留默认值display: block).
方法#1:使用 display: inline
这是非常直接的前进.块元素变为内联,因此它们位于同一行.这种方法的缺点是,两者的默认显示性能h1和h2发生了变化.
方法#2:使用 float
H1可以使用float: left属性定位在左侧.这种方法使默认显示属性保持不变,但如果.container不足以在单行中同时适应两个标题,则需要一些黑客攻击.
这个问题
这一切都导致了一个简单的问题:改变displayHTML元素的默认属性是不是一种坏习惯？是否违反标准,应尽可能避免？或者它是我们的面包和黄油,它并不重要,只要代码在语义上是正确的(所以标题放在h1,文章放在article等...)
推荐指数
解决办法
查看次数
水平对齐两个div(一个位于极左侧,另一个位于容器的最右侧)
我正在一个游戏网站上工作,并希望在"标题"div中放置两个div,使它们水平对齐并位于此容器div的左侧和右侧.请参阅下面的示例:
Oli Matt
这是我的尝试.我的错误是什么？
HTML:
<div class="header">
<div class="playerOne">
Oli
</div>
<div class="playerTwo">
Matt
</div>
</div>
CSS:
.header{
display: inline-block;
}
.playerOne{
margin-left: 0;
}
.playerTwo{
margin-right: 0;
}
推荐指数
解决办法
查看次数
为不同的对象重新创建信息元素或隐藏它们？
目前,当我使用jQuery显示不同的元素时,我将从头开始重新创建它们并将它们添加到页面中.
我已经到了一个点,我希望用户能够检查一个元素上的一个框,然后单击一个按钮以查看一些不同的信息,然后能够切换回来看到仍然检查的前一个框.
由于我每次用户切换时都在制作新元素,因此无法以直接的方式进行.
我想知道重绘元素或修改CSS display属性是否更好.
我可以看出为什么隐藏元素会有所帮助,但我不确定是否有必要在屏幕上保留~150个元素并让它们不显示.
这是我到目前为止:
https://jsfiddle.net/W4Km8/7767/
此代码更改信息行的颜色:
$("#table").on("click", ".on", function() {
$(this).removeClass("on");
$(this).addClass("off");
});
$("#table").on("click", ".off", function() {
$(this).addClass("on");
$(this).removeClass("off");
});
问题是,如果您查看另一组信息行然后返回,则会重置行颜色.
推荐指数
解决办法
查看次数
什么是显示:红宝石
虽然通过css草案规范显示属性遇到了这个属性
display:ruby
一点点搜索说明用于显示日文字符.
- 这是唯一的用例吗？(使用它作为普通文本不会做任何特殊的事情,更进一步,chrome将其标记为无效属性)
- 它与我们通常的块容器有什么不同？
推荐指数
解决办法
查看次数
为什么MDN文档声明所有元素的初始显示值都是内联的？
显然不是这种情况,因为每个元素都可以拥有它自己的默认值.
看这里:
https://developer.mozilla.org/en-US/docs/Web/CSS/display
初始值:内联
适用于:所有元素
当然,在这种情况下看起来更正确的文档是矛盾的.
https://www.w3schools.com/css/css_display_visibility.asp
这里有什么我想念的吗？
它似乎清楚地表明"所有元素"都将"初始值"设置为内联.
推荐指数
解决办法
查看次数
Jupyter 笔记本执行在 Visual Studio 代码中变成灰色
我正在尝试在 VS code 中执行 python 代码，从而启用 jupyter 笔记本执行。执行屏幕反复变灰，这使得输出在标头中不可见。代码仍然可执行。
任何从此问题中恢复的建议。每次复制粘贴到另一个笔记本并重新运行都无助于解决问题。
推荐指数
解决办法
查看次数
在Nexus 9 + Android 6上的E/libEGL:validate_display:255错误3008(EGL_BAD_DISPLAY)
我在Cordova 3.4中移植了一个旧的大应用程序,从Eclipse到Android Studio,因为这个应用程序使用了一个现在已在Android 6中更新的库.
在build.gradle和settings.gradle出现一些问题之后,App构建,运行并且我可以制作apk.在使用Android 5的设备上,每件事都可以正常工作
随着Android 6在Nexus 9上的应用程序崩溃,白屏显示此错误:
E/libEGL: validate_display:255 error 3008 (EGL_BAD_DISPLAY)
在互联网上我找到了这个问题的答案很少,我试图处理图像分辨率,但问题没有解决.后错误"validate_display:255错误3008(EGL_BAD_DISPLAY)"的教程不会为我工作.
推荐指数
解决办法
查看次数
如何修复Chromium HiDPI Scaling:
测试:Ubuntu Gnome 16.04 LTS
我的HiDPI显示器3200x1800与Chromium正常工作时遇到了问题.默认情况下,Chromium支持高分辨率但不能手动调整.
所以,我找到了一个解决方案,让它工作,并希望与其他人分享.
这是我做的:
最初搜索:
$ cd/&& find -iname'chromise*'
返回了很多结果......如果您的结果与我的相似,您将看到一个文件: / etc/chromium-browser/default
编辑此文件(所有首选项):
$ sudo nano/etc/chromium-browser/default
有一个部分有一个参数变量,可以传递给在/ bin文件夹中调用的实际文件.
看起来像:
CHROMIUM_FLAGS =""
将其更改为:
CHROMIUM_FLAGS =" - 力器件用标度系数= 2"
保存更改并重新启动Chromium.这应该为想要使用更高分辨率的Chromium的人修复Chromium.
[注意]请记住,缩放因子采用浮点值,因此您可以缩放到1.25或2.13,或任何您想要的偏好.
希望这可以帮助.
- r00thkr
推荐指数
解决办法
查看次数
让Monaco Editor填充页面的其余部分(跨浏览器)
我想在一些固定文本下的页面中嵌入一个摩纳哥编辑器,我希望Monaco编辑器的高度完全填充页面的其余部分.人们给了我一个答案在这里:JSBin:
<html>
<style>
html, body, .rb {
margin: 0;
height: 100%;
}
.rb {
display: table;
width: 100%;
border-collapse: collapse;
}
.top, .myME {
display: table-row;
}
.buffer {
display: table-cell;
}
.top .buffer {
background: lightblue;
height:1%;
}
.myME .buffer {
background: tomato;
}
#container {
position:relative;
}
#container > * {
overflow:auto;
max-width:100%;
max-height:100%;
}
</style>
<body>
<div class="rb">
<div class="top">
<div class="buffer">
1<br/>2<br/>3<br/>4<br/>
</div>
</div>
<div class="myME">
<div class="buffer" id="container">
</div>
</div>
</div> …推荐指数
解决办法
查看次数
Mailchimp Embedded注册表单不显示Captcha
我正在使用mailchimp嵌入式注册表单.它显示电子邮件帐户,名字和姓氏,但验证码未显示.我从设置 - >列表名称和默认值启用了验证码.
我还需要采取哪些其他措施？Captcha未在预览模式选项中显示.
请帮忙,收到很多假电子邮件.双重选择也已启用.
推荐指数
解决办法
查看次数