个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
文字越过图片，但每次它碰到那张图片时我都需要换行。 HTML 和 CSS 如下。我可以只用图片 float 吗？或者我需要其他东西。调整大小时，文本也不能低于段落的边框。
img{
position: absolute;
right: 0;
top: 0;
align:right;
margin-left: 125px;
width: 100px;
height: 100px;
margin-left: 120px;
}
.participation{
position: relative;
height: 250px;
width: 50%;
}
p{
position: absolute;
}
HTML
<body id="css-zen-garden">
<div class="page-wrapper">
<div class="main supporting" id="zen-supporting" role="main">
<div class="participation" id="zen-participation" role="article">
<h3>Participation</h3>
<p>Strong visual design has always been our focus. You are modifying this page, so strong <abbr title="Cascading Style Sheets">CSS</abbr> skills are necessary too, but the example files are commented well enough that even <abbr title="Cascading Style Sheets">CSS</abbr> novices can use them as starting points. Please see the <a href="http://www.mezzoblue.com/zengarden/resources/" title="A listing of CSS-related resources"><abbr title="Cascading Style Sheets">CSS</abbr> Resource Guide</a> for advanced tutorials and tips on working with <abbr title="Cascading Style Sheets">CSS</abbr>.</p>
<img src="zebra_shark1.jpg">
最佳答案
为此，您需要停止使用 position: absolute。您可以使用 float 实现所需的行为:
p {
max-width: 500px; /*set width for demo purposes, so that you see the text wrapping*/
}
img {
float: right
}<p>
<img src="https://via.placeholder.com/150">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>关于html - 如何阻止文字在图片下方或上方，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56019865/
26
4
0
假设有一个具有非常简单的 UI 层次结构的窗口，它只有两个同级: NSTextView 和 NSButton，并且它们确实重叠。 我的问题是，为什么光标悬停在按钮上时会有所不同，具体取决于其下方是否有
例如，当我将 TPanel 添加到表单并使用 alTop 对齐它，然后将 TMainMenu 添加到同一表单时，主菜单位置会覆盖面板位置，以便主菜单保持在窗体的最顶层，面板显示在其下方。 是否可以覆盖
我想构建一个 UI，其中我在屏幕顶部有一些固定的小部件(在所有选项卡上可见)，然后在它们下面我想要一个 TabBarView(底部有选项卡栏)，这是否可能而不使您的自己的标签小部件还是 TabBarV
我一直在这里关注 Phaser 3 的介绍 http://phaser.io/tutorials/making-your-first-phaser-3-game并发现我的 Angular 色“悬停”在
我在 View 中间有一个 UITextView，在 View 底部有一个 UIToolBar。当我触摸 UITextView 时，我希望在 UIToolBar 上方出现一个可视键盘。我该怎么做？ 最
我正在尝试制作井字游戏，我有一个 3 x 3 按钮网格，但我想在按钮上方有一个栏，显示分数和玩家姓名，有人可以帮助我吗？到java，不知道从哪里开始。 import javax.swing.*; im
是否可以指定 noUiSlider 绘制的工具提示的位置？似乎默认情况下它将第一个放在 slider 上，第二个放在下面。我理解这里的可用性目标，但我想把两者都放在上面或下面。 示例(带有上方和下方的
我的应用程序中有主详细布局(参见左图): 我为操作栏设置了导航模式列表(使用它来过滤第二个 fragment 中的 ListView ): final ActionBar actionBar = ge
我是 iOS 编程新手，在使用 XLPagerTabStrip(github.com/xmartlabs/XLPagerTabStrip) 时遇到了困难。我按照它的教程，成功在VC的顶部添加了Page
这个问题适用于任何项目，但在这种情况下，我想将我的图像放置在 map 上方，目前它位于 map 下方。 我是 swift 1.2 的新手，所以我不知道如何组合一个示例，任何帮助将不胜感激。 最佳答案
我如何在 javascript 中确定一个元素是否在视口(viewport)上方(用户已经滚动过它)(不仅仅是它是否可见)？ 在这段代码中: 控制台日志(iselement1aboveviewport
我正在尝试将工具栏添加到我的 View Controller 。 我的 View Controller : -(void)loadView { UIWebView *webView = [[U
我知道这是一个一般性问题，但任何方向都会有所帮助。 所以我正在使用这个模块 https://github.com/maxep/MXSegmentedPager尝试重新创建 Twitter 的个人资料页
我需要在保存按钮下放置一个带有 id 的 div。这是 html 代码: save 这是我的 : 通过这种方式，div 隐藏了按钮，我的目的是在 div 上方显示按钮。
我试图将我的整个 refreshControl 放在 tableview 后面。我可以通过这样做来放置实际的微调器: self.tableView.addSubview(refreshContro
这在 Safari 和 Firefox 中都会发生。我的导航栏看起来像这样: Test 相关的 CSS 看起来像: li { float: left } a:hover {
我在 CSS 中的 #footermain div 上有一个框阴影，但我无法让它显示在绿色页脚上方。我什么都试过了，还是想不通。 #footermain { background: #1f6c
我试图将图像部分放置在旋转 slider 上方( slider 上侧的一部分应该被图像覆盖)我试过 image{position:relative; z-index:10; } slider{posi
我认为这是一个简单的问题，但我无法理解它。我在页面顶部有一个固定的 div，当我向下滚动查看内容时，内容(文本)显示在该固定 div 上方 5 像素的边距中。该边距(黑色，请参阅 https://js
我有两个 div，在页脚配置中。目的是在悬停时通过显示隐藏的 div 向上扩展页脚。 #extendedFooter, #test { display: none; } #standardFo
我是一名优秀的程序员,十分优秀！