- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我想让它们像正方形一样水平占据整个屏幕并适合它。目前它们适合,因为它们是内联 block ,但在某些屏幕尺寸下(或者如果你缩小一点)它们会在右边留出 <250px 的空间。
例如,我可以给它们 width:25%;
,但我怎样才能使它们成为正方形?如何设置高度等于动态宽度?
.note {
display: inline-block;
/*
#F3F389-galben
#96C0FF albastru
#94F1B6 verde
rosu#f40042
*/
background-color: #f40042;
width: 250px;
height: 250px;
margin-left: 25px;
margin-top: 25px;
padding: 0;
}
textarea {
width: 80%;
height: 60%;
display: block;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
resize: none;
background: rgba(0, 0, 0, 0.13);
border: none;
padding: 5px;
font-family: 'Rancho', Helvetica, sans-serif;
font-size: 15px;
}
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
<div class="note">
<textarea placeholder="Your note's text here"></textarea>
</div>
最佳答案
我不知道有什么方法可以使用 HTML、CSS 来做到这一点。您需要使用脚本将 div/元素的高度设置为与动态宽度相同
var w = $('.note').width();
$('.note').css({'height':w + 'px'});
关于html - 使方形div占据整个屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26493779/
我有一个布局对话框 主题 View .xml
我有两个 JPanel 放置在 JFrame 内,我希望它们都占据框架的整个宽度,但我不知道如何。另外,我不是 setBounds() 方法的忠实粉丝,因此我想知道是否有一种方法可以使组件采用完整宽度
我希望我的图表占据 100% 的 View ,我只想查看图表。我想删除那个空白。但我得到了这个结果: 这是我的 XMl 布局: 最佳答案 从 RelativeLayout 中删
我遇到以下困境: 单元格的尺寸正确,但 imageView 未填充单元格。我尝试通过控制从 imageView 拖动到单元格来向 imageView 添加约束。 这仍然没有填充单元格内的 imageV
我在显式宽度的父项中有许多子项,例如 document.querySelector('.parent').scrollTo(100,0) .parent { overflow: auto; w
我有一个 TextBox,旁边是一个带有 float:right 的 Button,它们都在一个具体宽度的 div 中。 Button 具有由宽度和高度定义的具体尺寸。我希望 TextBox 占据 B
我有一个如下所示的产品模板: 它的 html 是:
你好,当我的应用程序在网络上是响应式应用程序时,我遇到了一个小问题,当我调整浏览器大小时,一切看起来都很好,但是当我选择响应式选项时,我遇到了问题,看起来我的导航栏占用了大约 90%屏幕宽度而不是 1
我正在尝试创建 QScrollArea,其中 QHBoxLayout 包含一行 od QWidgets。我希望小部件占据所有可用高度并相应地调整其大小。 我的小部件是 QLabel,在内部显示按比例缩
我有一个具有以下项目布局的自定义 ListView : 除了 start_point 和 end_point 的高度不相等外,它显示的大部分与我想要的一样
我发现如果我有一个JMenuBar,并且它的最后一个元素(最右边的一个)是一个JMenuItem,它将占据上所有剩余的空白空间JMenuBar,这绝对不是我们想要的。 将“关于”JMenuItem 想
我在特定页面中有一个 DropDownMenu,该页面呈现在表格列内。 当我点击打开菜单时,它以 100% 的页面高度打开。 我在文档和社区中都找不到类似的东西。 我与子组件没有相对/绝对容器关系。
我有以下片段。它有一个问题 - Enter your passcode: td 占用太多空间,而且看起来很丑。 我尝试将 width:50% 设置为那个,但没有成功。 我想要实现的是输入字段与 Exp
这个问题在这里已经有了答案: CSS Single-column layout centered fixed-width 100% height w header and footer (5 个答案
我有以下网页。 我正在尝试让蓝红白渐变填充整个屏幕高度。目前我在内容容器的两侧都有两个标志,它们都被一个主容器包围。 .container{ width: 100%; background:
我无法让复选框 div 占据 100% 的高度,如下面的代码/ fiddle 所示。正如您从第二个 child 看到的那样,高度为 100%(悬停不会占据 100% 的高度),但我也希望第一个 chi
如何使 container>ul>li>a 占据 container 的整个高度? http://www.bootply.com/119627 除非 100%,否则我不想设置它的高度 最佳答案 您可以
我有一个 super View ,我在其中添加两个 subview (subview1 和 subview2)。 我希望 subview1 与 superview 具有相同的宽度并与 supervie
我有几个嵌套的 DIV。无论屏幕大小如何,我都希望我的第二个 Div 占据视口(viewport)的 100%。我在这个 div 中有两个图像和两个按钮。每当屏幕“变大或变小”时,按钮就会被推到父 d
在下面的代码中,我将 div 与类 container 的 display 属性设置为 flex 并且它有两个 div 类 sidebarcontainer 和 mainpage 的 child ,我
我是一名优秀的程序员,十分优秀!