如何使用Materialize和Flexbox创建等高列？
使用Materialize和Flexbox创建等高列的步骤如下：
- 首先，确保你已经引入了Materialize的CSS和JavaScript文件，可以通过以下链接获取：
- Materialize CSS：https://materializecss.com/getting-started.html
- Materialize JavaScript：https://materializecss.com/getting-started.html#js-initialization
- 创建一个包含等高列的HTML结构。可以使用以下示例代码作为起点：
<div class="row">
<div class="col s12 m6 l4">
<!-- 第一列的内容 -->
</div>
<div class="col s12 m6 l4">
<!-- 第二列的内容 -->
</div>
<div class="col s12 m6 l4">
<!-- 第三列的内容 -->
</div>
</div>在这个示例中，我们创建了一个包含三列的行。每列都有一个col类，后面跟着s12 m6 l4类。这些类定义了列在不同屏幕尺寸下的宽度。
- 使用Flexbox来实现等高列。在Materialize中，默认情况下，列是使用Flexbox布局的，所以不需要额外的CSS样式。Flexbox会自动将列的高度调整为相等。
- 根据需要，可以在列中添加其他内容，如文本、图像、表单等。
这样，你就可以使用Materialize和Flexbox创建等高列了。请注意，Materialize是一个基于Google Material Design的前端框架，提供了丰富的组件和样式，可以帮助你快速构建现代化的用户界面。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai_services
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 视频处理（VOD）：https://cloud.tencent.com/product/vod
- 移动推送（TPNS）：https://cloud.tencent.com/product/tpns
相关·内容
1回答
我正在使用React.js、Materialize.css和一些MaterialUI组件一起创建一个网站。
我使用Materialize.css "grid"为我的站点创建了一个标题(React组件、带有标题和注销按钮的基本div )。
问题:我在两个不同的地方使用这个反应组件。在位置1中，列的高度与行的高度相同。在位置2中，列的高度是行高度的一半。
下面是代码：
--作为报头的react组件
export class Header extends React.Component {
constructor(props) {
super(props)
}
rende
浏览 1提问于2017-05-18得票数 3
我正在尝试使用Flexboxes来构造我使用Materialize创建的面板。 这是创建我的面板的html： <div class="row">
<div class="col s6">
<div class="card-panel">
panel1
</div>
<div class="card-panel">
panel2
</div&
浏览 13提问于2019-01-15得票数 0
回答已采纳
我对Bootstrap 3列有一个问题。当12列被填充并且我不断添加列时，它们在它们下面堆叠(正常行为)。但是，如果它们顶部的柱具有不同的高度，则会创建一条边沟。有没有办法去掉它，这样它们就可以正确对齐(不留空格)？(台式机)
<div class="row content clearfix">
<div class="col-md-4 itms">
<div class="user">
<a href="#" class="thum
浏览 5提问于2015-01-23得票数 0
我有一个网络应用程序的前端使用materializecss.com框架。它有相当多的数据表贯穿始终。我的表使用materialize中的css，我真的很喜欢它的样式。表格有5-8列，在移动设备上，你必须首先放大，然后滚动。 我不确定的是，让它对移动设备友好的最好方法是什么；我一直在寻找将表转换为卡片的代码，并找到了一些用于引导卡的代码，但没有找到用于实现的代码。我不想隐藏列。 我已经尝试了一些使用媒体查询的解决方案，比如：@media only screen and (max-width: 992px)...但我认为materialize正在覆盖它们，因为它们不起作用。我尝试将它们标记为!i
浏览 7提问于2021-03-24得票数 0
1回答
使用“旧的”flexbox实现，我将使用-webkit-box-align: start;来阻止并排的列具有相同的长度。
我不知道如何在新的规范- 下做到这一点。
我的主目录是<div role="main">，它在目录中有两个并排的<section class="app">。
浏览 0提问于2012-07-27得票数 1
回答已采纳
1回答
目前正在进行一种设计，其中涉及三个列，其中嵌套了瓷砖。使用Bootstrap中的网格系统，我能够适应宽度并让它们流畅地改变，但我希望页面高度也能发生同样的事情，有什么方法可以做到这一点吗？
浏览 1提问于2016-07-22得票数 0
1回答
如何让SUSY中的列以流畅的方式等于行的高度？
在本例中，行的高度由高度最高的内容决定。
在任何地方都找不到答案，这对大多数SUSY用户肯定是有帮助的。因此，感谢您的贡献！
SUSY设置：
@import "susy";
$susy: (
columns: 12,
gutters: 1/6,
math: fluid,
output: float,
);
CSS：
main-container {
@include container (80%);
}
.block {
background: #e1e1e1;
}
.ro
浏览 5提问于2015-08-25得票数 0
3回答
我有一个非常棘手的HTML问题，我不确定是否有基于CSS的解决方案。基本上，我有一个三列网格。第一列和第三列可以包含可变数量的行。第二列始终只有一行。每一行都有一个最小高度。
因此，具有最多行的列将具有高度设置为最小高度的所有行。其他列中的行应在高度上等高扩展，以占据剩余空间。
假设第一列有三行，每行高50px。第二列必须有一行150px高。如果第三列有2行，那么每行的高度必须是75px。下面是一些图片来进一步说明我想要的是什么。
使用CSS可以做到这一点吗？
浏览 6提问于2013-03-02得票数 2
回答已采纳
4回答
这可能已经发布过了，但我无法从搜索中找到解决方案。我刚开始使用HTML和CSS，大约一周前就开始了，因此，如果有一个解决方案，那么解释将有很长的路要走，而不是修改代码/解决方案。
因此，我试图将div划分为两个列，一个宽25%，另一个宽75%。我还没有开始做CSS，所以现在为什么样式是内联的。100%宽度的普通div现在显示很好，当我试图将它分割成两个内部div时，它似乎工作，我试图创建正确的显示列表，但是下一列75%出现在div下面。这是为什么，而且无论如何都要修复它。
<div style="width:100%;background:orange">
浏览 1提问于2015-03-28得票数 0
回答已采纳
1回答
我想在不使用bootstrap的情况下在容器的右侧创建一个镜像
以下是我的代码
<div class="container">
<img src="img/logo.jpg"/>
</div>
我在cotainer上面添加了如下代码
<div style="float: right;margin-top: 100px;margin-bottom: -100%;margin-right: 2%;margin-left: 95%;">
<div><img src="
浏览 11提问于2016-07-20得票数 0
回答已采纳
有没有办法在同一项目中使用CSS3 Flexbox和Bootstrap？
我的意思是，如果我像这样使用CSS Flexbox代码：
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
...
一切都很好，直到我把链接到Bootstrap CSS文件(或CDN)。在那之后，一切都搞砸了。
谢谢
浏览 0提问于2016-05-21得票数 0
如何设置一组3 div(动态大小和可见性)来自动填充(高度)页面上的特定空间。
例如，到目前为止，我已经创建了：
<div id="container">
<div id="details">...</div>
<div id="video">...</div>
<div id="map">...</div>
</div>
<div id="other_content">...<
浏览 3提问于2013-06-04得票数 0
回答已采纳
1回答
所以我有一个csv文件(我和熊猫一起读过)，它有3列第一列对应于x轴，第二列y轴和第三列是自由能的值，我们可以把它解释为z轴或者xy平面的高度。我用x，y列创建了一个网格，其形状为(6105,6105)。Z轴只是一个长度为6105的一维数组.我找不到一种方法把我的z轴和xy网格结合起来，这样我就可以用等高线来描述它。有人知道怎么做吗？我的代码：
import matplotlib.pyplot as plt
import pandas as pd
from mpl_toolkits import mplot3d
import os
import numpy as np
import math
浏览 5提问于2022-12-03得票数 -1
2回答
我试图实现相同的行高度引导类使用容器，行和col 4。最初，我询问了一个被标记为副本的。然而，我发现所提供的解决办法存在问题。
问题是，在正常的三象素-4情况下，当我到达‘断点’时，我会在大屏幕上得到3行，而正好有一行。但是，提供的解决方案()违反了该规则。根据屏幕大小，我有时根据屏幕大小得到1、2、3甚至4列，如下图所示。
如何在保持引导的标准行为的同时达到同等的高度？
<div class="container">
<div class="row">
<div class="col-sm-4">
浏览 1提问于2017-05-02得票数 0
回答已采纳
我一直在尝试使用由物化CSS提供的Javascript选项卡。出于某种原因，我的浏览器只显示前4个选项卡。然后我发现，如果我缩小了浏览器的宽度，那么额外的选项卡(标签5、标签6等)也会变得可见。在Safari和FireFox中都是如此。我认为这是一个非常奇怪的问题，我想知道这里的任何人都能解释为什么会发生这种情况。以下是代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="
浏览 2提问于2017-07-17得票数 0
回答已采纳
3回答
具有CSS的等高列
、、、
我想为我的css表使用百分比。不幸的是，它对我不起作用。
这段代码有什么问题？我应该使用flexbox而不是table吗？
我想使用表格，因为我想要相同高度的列。
ul {
list-style: none;
margin: 0;
display: table;
table-layout: fixed;
width: 100%;
}
li {
width: 50%;
display: table-cell;
}
<ul>
<li>1</li>
<li>2</li>
<li>3&
浏览 5提问于2015-11-20得票数 6
回答已采纳
我很惊讶在表单字段之间没有一个允许表单编辑器编写RichText或者至少是纯文本说明的Umbraco字段，这样表单作者就可以添加分散在表单中的更详细的说明。
有人知道这是否存在吗？
我在2011年发现了这个建议：
我第一次尝试的时候，我为Contures3.0.21和Umbro7.1.x设置了一个自定义字段，但是我不太喜欢表单结果表现在是如何有一个空列的。相反，我更希望内容放在表单中，而不需要在结果表中创建列，也不要在“发送电子邮件”工作流电子邮件中发送空字段。
浏览 4提问于2014-07-22得票数 0
回答已采纳
我是一个新的前端设计，当我寻找有关这方面的信息时，我发现了两种有关定位的技术:浮动和柔性盒。
我的问题是:我应该多用些什么？我也是面向移动设计的。
浏览 7提问于2017-05-09得票数 1
回答已采纳
我正在为一个项目使用Materialize，当我将鼠标悬停在div上时，我希望出现一个工具提示。但是，我想把它放在div的中心位置，这似乎是不可能的。我知道我可以把它放在顶部、右侧、底部和左侧。我试图找到某种可以复制和编辑的CSS类，但没有成功。
浏览 2提问于2019-01-11得票数 0
1回答
从包含按N行和M列排列的数据点的.txt文件创建曲面图的最简单方法是什么？我只是想看看当文件放置在一个平面上时是什么样子的，每个数据点表示曲面在该点的高度。
浏览 2提问于2015-12-13得票数 0
4回答
我是第一次尝试和引导。
我需要一个模式如下
如何用两个相等的div垂直平分div？
在水平方向上，我们可以通过col-md-6实现这一点。
提前感谢
浏览 1提问于2014-02-11得票数 1
回答已采纳
我试图用下面3列的数据绘制等高线图
一份用于日期和时间(T)
一个用于温度- T1
最后一个温度为- T2
我打算制作一个等高线图，显示温度T2 (T，T1)。
根据我所读到的和理解的，我必须用T和T1创建一个网格，并使用创建的网格和T2创建一个等高线图。但是，我看到的大多数教程都显示了T2是函数的结果。
温度T1和T2在T时被观测到，它们不是任何函数的结果。
例如编辑，
x = np.arange(-5, 5, 0.1)
y = np.arange(-5, 5, 0.1)
xx, yy = meshgrid(x, y, sparse=True)
z = np.sin(xx**2 + yy
浏览 0提问于2017-06-01得票数 -1
1回答
我在展示套房里有流体两列堆叠的布局。第一列中有响应图片，第二列包含一些呈现的字段。在该列下面是长文本。我的问题是右栏。我需要使该列的高度等于左边图片的高度。如何做到这一点？是否有可能在正确的列中添加滚动条？有人遇到过类似的情况吗？一些简单的解决方案，没有编码，或者只有小片段;)也许我需要在正确的列中添加一些视图
📷
浏览 0提问于2014-08-20得票数 1
1回答
我正在使用Materialize CSS (接近于bootstrap)，我有两列带有文本的列，并且在列的底部都有一个按钮。但是，因为两列的内容大小不同，所以按钮的高度不同。(见图)
我可以通过使用保证金来纠正它们，但我不想这样做。
谁有其他的解决方案？
它似乎不适用于我，这里是完整的代码。也许你能找出我做错了什么。
body {
background-image: url("../images/bg.jpg");
background-repeat: repeat;
}
nav {
padding-left: 1em;
-webk
浏览 0提问于2016-10-10得票数 0
我正在尝试让标题下面不同高度的列的内容都从vanilla javascript中相同的位置开始。当前脚本能够设置标题的min-height，这样标题就不会比另一个标题短。然而，一旦设置了min-height，标题就不能再变小了，即使列的大小增加了，中间的标题也不再被换行。 window.onload = function() {
sameHeight();
}
window.onresize = function (event) {
sameHeight();
};
function sameHeight() {
let matches = document.
浏览 3提问于2020-09-27得票数 1
1回答
我的专栏中有一个奇怪的错误，我无法识别，我不知道是我的错还是引导的问题。
基本上，我有一个<div class="row">，它可能包含许多<div class="col-lg-2 col-md-2 col-sm-3 col-xs-4">。我只是想实现的是，所有的col*项目适合在屏幕上(100%宽度)，并对齐对方时，调整大小。这在正常情况下非常好，除了在这个中。
问题是，在某些行中，一个div会完全疯掉，并且在行中不会正确地对齐(尝试缓慢地调整小提琴的大小，您将看到我的意思)。
我正在使用引导3.3.6和Chrome的最新版本(在FF上
浏览 5提问于2016-07-19得票数 0
3回答
我想要创建等高两列，两列右边将后面的高度列左。
@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.left-side {
background-color: green;
height: auto;
}
.right-side-up {
background-color: red;
height:100px; //ignore this value, if u have other way
}
.right-side-down{
background: blue
浏览 6提问于2015-03-17得票数 0
回答已采纳
3回答
有人知道如何让Modal适合它的内容吗？当我放置一个宽度小于模式宽度的图像时，它周围有很多未使用的空间。下面是codepen
<html>
<head>
<title>Something gym related</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="ht
浏览 0提问于2017-07-25得票数 0
1回答
使用Flexbox的等高卡
、、、、
很简单的问题。我有多张卡片代表我的项目。我正试图使它们等高，等宽，均匀间隔，居中。除了等高之外，我什么都有。现在，我只使用几行CSS来完成工作。我已经混了一段时间了，似乎搞错了。我一直在用挠性盒。谢谢你抽出时间帮我。
免责声明：我知道这可能是一个简单的问题，我是个初级学生。
我将在我的JSX和CSS中提供六篇文章中的两篇。显然，其他4篇文章看起来与我提供的2篇相同。我也使用一些导入类，因为反应材料ui。
div {
text-align: center;
}
article {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
浏览 0提问于2019-08-26得票数 1
回答已采纳
如何使用其特殊功能创建Materialize CSS输入，如占位符和输入中的图标？我想找到一种方法来创建它而不使用materialize CSS，因为我正在使用另一个CSS框架，而我不想使用多个框架来防止框架增加的错误？
浏览 9提问于2018-09-02得票数 0
1回答
我使用flexbox创建了一个2列布局，在顶部有一个div，它跨越两列(我用它作为菜单布局)。下面的小提琴说明了我是如何做到这一点的。不幸的是，虽然它在Chrome/iOS 7中工作得很好，但在较早版本的Safari中却不起作用。
我不需要支持IE，但需要支持Android/iOS。这在Chrome和iOS7中正确显示，但是当我使用旧语法(例如display: -webkit-box;)时，我无法复制这两列，因为flex-flow: row wrap似乎不存在于旧的语法中。我看到了一些对box-lines的引用，但听起来似乎不支持这一点。
在使用旧的2009年柔性箱语法时，我如何实现相同的外观
浏览 3提问于2013-11-27得票数 1
回答已采纳
1回答
我已经创建了两个列(6跨)，并且我想在这两个列下添加一个组件，我该怎么做呢？
我曾经是一名android开发人员。我知道线性布局可以在android中快速实现这一需求。
框架开发人员告诉我使用flex布局来实现这个需求。然而，在阅读了相关文档后，我仍然不知道如何实现它。
浏览 0提问于2019-08-19得票数 0
3回答
我创建了两个视图块“新闻”和“博客”，它们并排驻留在我的头版上。
这两个视图都有20个内容(但可以是任意数字)和一个寻呼机。如何在视图块中显示内容，使两个视图以相同的高度结束，而不管显示的内容数量如何。
浏览 0提问于2014-03-31得票数 0
回答已采纳
因此，我似乎误解了关于柔性盒的一些东西，不能正确地解决这个问题。
我有一个柔性箱容器，它包含四个列，它们是柔性箱容器的直接子列。一旦浏览器窗口宽度达到992px和更低，我想要更改，这样..flexbox项就占用了容器的50%的宽度。
问题是:如果我没有在..flexbox容器上使用“gap”属性，但是一旦我输入了gap: 1em，那么百分比就不能正常工作了，因为我知道gap是被考虑在内的，并且把这些.don项目的宽度相加。
问题:我如何正确地确保一旦浏览器窗口是992 so或更低，每个flexbox项占50%，这样我就可以在每一行中有两列，因为显然我可以使用“宽度”属性并给它假设45%的属性，
浏览 6提问于2022-05-25得票数 1
回答已采纳
1回答
我有一段代码：
<section class="row row-3">
<section class="column column-1 grid-width-19 grid-left-0">
<section class="column column-2 grid-width-5 grid-left-0">
</section>
行的第一部分(列-1)将根据内容的不同而具有可变的高度。第二部分(列-2)是边栏，始终具有相同的内容(小部件)和高度。现在，我需要这个侧栏(列-2)
浏览 0提问于2012-09-05得票数 0
回答已采纳
4回答
G‘’day
我试图用一种聪明的方法来找出最接近等高线上点的网格点。
网格是一个二维网格，存储在x和y中(其中包含网格单元的x和y公里位置)。
等高线是一条线，由x和y位置组成，不一定有规律的间隔。
如下所示-红色的点是网格，蓝色的点是等高线上的点。如何找到与每个蓝点最接近的红点索引？
编辑-我应该提到，网格是一个纬度/经度网格，一个区域相当接近南极。因此，点(红色点)是以米为单位的位置，离南极(使用极地立体表示)。由于网格是一个地理网格，网格间距是不等的--由于高纬度的畸变，网格的形状略有不同(红色的点定义了网格的顶点)。结果是，我不能仅仅找到x和y矩阵的哪一行/列最接近输入点坐标
浏览 14提问于2012-11-27得票数 10
回答已采纳
1回答
我从角度开始，我想使用SidebarNav和下拉菜单来设置一个实用的、响应性的菜单，但是它不起作用。
我通过CLI安装和配置了angular2-materialize和materialize-css。
我创建了一个名为"Navbar“的组件来包含菜单，并执行了以下过程：
app.module.ts
import 'materialize-css';
// import * as M from 'materialize-css/dist/js/materialize';
import { MaterializeModule } from 'angu
浏览 3提问于2019-12-02得票数 2
回答已采纳
我正在开始一个新的angular项目，它已经决定不使用像bootstrap/bulma/materialize/这样的框架……而是编写我们自己的时髦组件库。
我已经做了一些研究，但老实说，我真的不知道从哪里开始(除了css重置)。我仍然是一个大三，已经在以前的现有项目中的一些功能。现在我必须开始新项目的前端工作，并希望构建尽可能结构化和可重用的一切，但我有点迷失了从哪里开始。
当你开始写你的文章时，你的行动计划是什么？你是如何构建你的angular组件库的？你有没有看过关于这方面的很好的教程，我也应该去看看？
浏览 10提问于2018-05-11得票数 1
2回答
我想要创建一个两列布局(仅CSS，没有javascript)。
有几个要求使这一问题变得复杂：
容器以特定高度开始(例如，200px)
有两列
项填充列1，如果需要更多的空间，则填充列2。
如果第1列和第2列已满，则展开容器的高度。
详细示例。
Bad
好
元素首先填充第1栏：
接下来，元素填充第2列：
当达到容器的最小高度时，容器扩展，元素在两列之间重新流动：
浏览 4提问于2017-01-19得票数 3
使用jquery和materialize.js的materialize.js示例
一旦创建了带有js代码的元素，例如：
$('#buttonA').click(function() {
$('.container').empty;
$('.container').prepend('<a class="button" id="buttonB" data-id="21">Second button</a>');
}
成功地创建了一个按钮，但是当我想用这个生成的
浏览 0提问于2018-03-17得票数 0
1回答
我正试图对情态标题的内容进行风格化。它将包含一个中心图像，以及两个较小的列，包含1个或2个按钮/图像。我想要所有的东西垂直和水平地对齐。中心图像的大小不同。好像是柔韧盒的工作。在我的实际代码中，#headerLHS/#headerRHS/#myModalLabel的内容是动态设置的。
<div class="modal-title row" id="headerBox" class="container-fluid">
<div id="headerLHS" class="col-xs
浏览 2提问于2016-03-29得票数 0
回答已采纳
2回答
我正在使用AngularJS、Bootstrap 3和SASS构建一个with应用程序。我希望一行中的所有列都具有相同的高度。提供了。
问题是我不知道items数组中子集的大小，因为它来自服务器，而子集的大小会影响列的高度。因此，我不想对所有列使用固定的高度。这个解决方案还应该适用于多种屏幕尺寸(从X到lg)我觉得这完全可以用CSS而不是JavaScript黑客来处理。
I ng-重复一个列表，如下所示：
Javascript：
$scope.items = [{
name: 'one',
subset: [{name: 'one-one'}
浏览 0提问于2014-03-11得票数 2
回答已采纳
3回答
在td内截断跨度
、、
我使用Materialize类为用户创建一个“照片占位符”，其中包含用户姓名的第一个字母。 我在处理<td>标记中的长名称时遇到了问题。我不想在名字太长的时候破坏它。正因为如此，我尝试将class="truncate"应用于包含该名称的垃圾邮件，但它无法截断。 我该如何解决这个问题呢？ main {
padding: 16px;
}
table {
table-layout: fixed;
}
td {
width: 33.33%;
}
.photo-placeholder {
width: 40px;
height: 40px;
浏览 14提问于2019-05-29得票数 0
回答已采纳
我正在使用react-materialize for card，button等。对于其他用途，我使用react bootstrap table。现在的问题是React-Bootstrap包含它的第一列作为复选框，但是由于react-materialize.min.css文件中的一些css样式，复选框被隐藏了。
我只想删除react-materialize.min.css中的两个属性，有人能告诉我如何覆盖或删除这些样式吗？
浏览 4提问于2017-01-10得票数 0
1回答
我正在从事作物水分胁迫监测工作。我有同一天不同作物基因型的热像。我想将基因型的温度值绘制为黑色和白色的水平间隔图，如图所示，黑色表示温度较高，白色表示温度较低。请帮帮我。20个基因型的演示数据链接如下-
(第一列为基因型号，第二列为最小温度，第三列为最大温度)
随函附上不同研究的相似数字。
浏览 19提问于2018-01-24得票数 0
回答已采纳
我有一个导航条与4个链接浮动。
虽然每个链接的宽度都是NAV总宽度的25%，但是高度不是固定的，因为链接的文本可能比其他链接更长，跨越2行，比如在中。
#first-level-navigation .mega-link {
background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #eaeeee 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #cccccc;
padding: 0;
text-transform: upper
浏览 7提问于2014-07-25得票数 2
回答已采纳
我只使用CSS解决方案来获得等高列的外观：
.equal-height-row {
overflow: hidden;
}
.equal-height-col {
padding-bottom: 99999px;
margin-bottom: -99999px;
}
所以当我这么做的时候
<div class="equal-height-row">
<div class="left equal-height-col">
<p>This is the first column.<
浏览 1提问于2016-04-11得票数 1
回答已采纳
3回答
我创建了一个angular4项目，其中包含了angular。我想去图书馆。所以我用
npm install materialize-css@next --save
所以这个安装了
"materialize-css": "^1.0.0-alpha.2",
然后在角-cli.json中添加了对css和js文件的引用。
"styles": [
"styles.css",
"../node_modules/materialize-css/dist/css/materialize.css"
],
"scr
浏览 1提问于2017-12-28得票数 10
回答已采纳
我正在使用Materialize Css库来创建一个网站，但是我无法使用下面的代码成功地添加一个水平卡片，这与他们在下面的链接中显示的指导原则完全相同：
<div class="col s12 m7">
<h2 class="header">Horizontal Card</h2>
<div class="card horizontal">
<div class="card-image">
<img src="http://lorempixel.
浏览 20提问于2016-09-27得票数 0
2回答
我有两栏页的侧边栏和内容，都给予同等高度的窗口负载和寡妇调整大小。有反应了。
我使用jquery插件mixitup ()动态地排列内容区域中的块。
问题是，当块数发生变化时，侧边栏的高度会重新调整，而内容区域的高度也会发生变化。
浏览 4提问于2015-05-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
