- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
采用以下代码笔:https://codepen.io/anon/pen/Xgqjyq
h2 {
color: #111;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.content {
margin-left: 5px;
margin-right: 5px;
text-align: center;
line-height: .75em;
}
.image-cropper {
width: 20%;
height: 5%;
position: relative;
border: 0px solid white;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 500px;
overflow:hidden;
margin:0 auto;
}
.info {
color: black;
}
.interest {
width:4em;
height:4em;
padding-bottom: .2em;
}
figure {
display: inline-block;
width: 8em;
}
figcaption {
font-family: 'Helvetica Neue', sans-serif;
font-size: 17px;
font-weight: bold;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">
header
</a>
</div>
</div>
</nav>
<div class="content">
<div>
<h2>title</h2>
<figure>
<img class="interest" src="" alt="pic"/>
<figcaption>caption</figcaption>
</figure>
<figure>
<img class="interest" src="" alt="pic"/>
<figcaption>caption</figcaption>
</figure>
</div>
</div>
</body>
两个图都在各自的行上左对齐。但是,如果您删除 HTML 顶部的 Bootstrap 样式链接,它们就会像我希望的那样集中在一行中。
但是我需要 Bootstrap 来格式化标题。
有什么办法可以解决这个问题吗?我尝试下载仅包含导航元素的自定义 Bootstrap,但这并没有解决问题。
最佳答案
在 CSS 中添加:
figure{
float:left;
}
尽情享受吧!
关于html - Bootstrap 导入干扰 <figure> 放置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44889619/
你能帮我理解我做错了什么吗?我有 NetBeans、MinGW 编译器和 Qt 库。 *图.h* class Figure: public QObject{ //18 Q_OBJECT
一位程序员提醒我注意一个问题,matplotlib.pyplot 和 Tkinter 不能很好地协同工作,如这个问题所示 Tkinter/Matplotlib backend conflict cau
我试图在同一张图上绘制一系列函数。代码似乎运行正常,但是没有图片出来。只是简单的 如何修复? 最佳答案 在 IPython 控制台中,确保图形显示(无需显式调用 plt.show())的最佳方法是使
所以我将以下简单代码保存在 .py 文件中,并在 shell 中执行: import matplotlib.pyplot as plt myfig = plt.figure(figsize=(5, 5
我正在尝试处理带有对象的图形列表。不幸的是,从图表列表中绘图似乎有问题。 请注释掉下面示例中的行,您会看到绘图是如何中断的: import matplotlib as mpl from matplot
如 http://matplotlib.org/users/event_handling.html 中所述下面的示例代码工作正常 import matplotlib.pyplot as plt fig
我正在使用 matplotlib 绘图,并使用 ioff() 关闭交互模式,以禁止在创建图形时自动打开绘图窗口。我希望完全控制该图形,并且仅在显式使用 show() 命令时才能看到它。 现在显然用于清
创建matplotlib图形后是否可以保存它?例如: import matplotlib.pyplot as plt import numpy normal = numpy.random.normal
我开始构建 Tkinter 应用程序,最初使用的是 matplotlib 的 Figure 和 figure.add_subplot。有了它,一切都完美无缺。对于更多自定义,我现在想移动到 pyplo
我正在使用 Quarto 并渲染为 PDF。我有带有子图的数字。子图的标题很长(很多字)。问题是 PDF 中的子图标题没有分开。这是问题的说明; 请注意,子图的标题之间没有分隔(空白): 我尝试过使用
我正在阅读一些教程,包括 official docs似乎每个人都更喜欢输出一个图形。 例如: @app.callback( Output('graph-with-slider', 'figur
我正在阅读一些教程,包括 official docs似乎每个人都更喜欢输出一个图形。 例如: @app.callback( Output('graph-with-slider', 'figur
我正在尝试使用 Figure.transFigure.transform() 功能在图形坐标中绘制线条,但要么我不完全理解它,要么出现其他问题。根据Matplotlib Documentation ,
我有一个返回 Figure 对象的外部函数,在这种情况下,每个 Figure 对象都由一个 Axes 对象组成。 我想组成一个由这两个图形组成的新图形(比方说水平连接)。 所以理想情况下,我想说: f
我正在尝试制作一个包含六个独立地 block 的图形,这些地 block 分为两行,每行三个地 block 。每行图都应该有自己的颜色条,对应于水平组中三个图中显示的图像。从视觉上看,该图应如下所示:
关闭。这个问题是off-topic .它目前不接受答案。 想改善这个问题吗? Update the question所以它是 on-topic对于堆栈溢出。 9年前关闭。 Improve this q
matplotlib.figure.Figure.add_subplots() ( doc ) 应该返回一个轴。 但是,做 import matplotlib.pyplot as plt fig =
这是我的代码中出现错误的部分(都与图表相关,但要点: plt.figure (figsize = (10,6)) plt.title ("Alfa x CL") plt.plot (Alpha,CL,
我正在尝试使用破折号绘制一些数据的代码,我在想,我做对了。但不确定为什么会收到一条非常奇特的消息(plotly 3.8.1 and dash 0.42) 我得到的错误信息是: Invalid argu
为了去除图中的框架,我写了 frameon=False 与 pyplot.figure 完美搭配,但使用 matplotlib.Figure 只会移除灰色背景,框架保持不变。另外,我只希望线条显示出来
我是一名优秀的程序员,十分优秀!