个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我被这部分困住了。我的图像是 clip-path 但我的 class:txt width 不会因为 img 而拉伸(stretch)。如果我不能很好地解释它，我很抱歉。英语是我的第三语言，所以我希望你能理解我附上的图片。
结果
实际图像
.item1{
background: url(../img/bg.png);
background-size: 100%;
background-repeat: repeat-y;
padding-left: 40px;
}
.item1 img{
float: right;
-webkit-clip-path: inset(5% 10% 15% 46%);
clip-path: inset(5% 10% 15% 46%);
margin-right: -15px;
margin-top: 20px;
}
.item .txt p{
text-align: justify;
}
.item .txt h2{
margin-top: 5px;
padding-top: 65px;
}<div class="item1">
<img src="/image/YasK2.png">
<div class="txt">
<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>最佳答案
试试这个
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Document</title>
<style>
.item1 {
background: url(../img/bg.png);
background-size: 100%;
background-repeat: repeat-y;
padding-left: 40px;
position: relative;
}
.item1 img {
-webkit-clip-path: inset(5% 10% 15% 46%);
clip-path: inset(5% 10% 15% 46%);
margin-right: -15px;
position: absolute;
right: 0;
top: 0;
}
.txt {
padding-right: 280px;
}
.item .txt p{
text-align: justify;
}
.item .txt h2{
margin-top: 5px;
padding-top: 65px;
}
</style>
</head>
<body>
<div class="item1">
<img src="/image/YasK2.png">
<div class="txt">
<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</body>
</html>
关于html - 文本与图像剪辑冲突，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55136482/
25
4
0
我的工作是将每条记录写入 Hadoop 映射中的 DynamoDB。 我无法使用具有 httpclient-4.2.5.jar 和 httpcore-4.2.5.jar 的 Hadoop 2.6 运行
我在 JavaScript 中嵌套了循环开关，例如: for (var i = 0; i < checkBoxIds.length; i++) { if ($('#' + checkB
我有一个文件夹被重命名的分支。现在我正在尝试合并从主干到这个分支的更改，但是在主干中修改的文件仍然在原始文件夹名称下，因此 svn 引发了树冲突。我该如何解决这个问题？ 该文件夹已使用 svn ren
我在使用 jquery 暴露插件和 Masked 输入插件时遇到了问题。问题是它们都占用 $.mask 函数，从而导致冲突。但我非常需要这两个插件一起工作。我会将其中一个中的 $.mask 重命名为.
我正在尝试为我所有的 INPUT 元素做一个简单的 :focus 效果，就像这样: INPUT:focus { border-color: orange; } 这很好用，直到我将这段 CSS 添加到样
我是 javascript 的新手。 在 wordpress 上工作，我在自定义 js 中为我的主题输入了以下函数: document.getElementsByName("empty_cart")[
为什么有些 javascript 会与其他的发生冲突？我的意思是我一直在为图片库使用 javascript 代码，然后尝试在 jquery 中获取文本水印。为什么在使用 jquery 之后，画廊完全消
是否可以根据已知的输入值创建 MD5 碰撞？ 所以例如我有输入字符串 abc与 MD5 900150983cd24fb0d6963f7d28e17f72 . 现在我想将字节添加到字符串 def获得相同
我在我的项目中使用原型(prototype): NodeParser.prototype.getChildren = function(parentContainer) { return fl
根据我对 merge 冲突的理解，当两个人更改了同一文件和/或修改了该文件中的同一行时，就会发生 merge 冲突。所以当我做一个 git pull origin master 我期望 merge 冲
iPad 上 Mobile Safari 中的 HTML5 模板。带 iScroll 的 Div 工作正常。 if/else 语句中还包含一个 jQuery 函数。该函数测试用户是否在 iScroll
我一直在尝试使 2 个脚本(1 个 mootol 和 1 个 jquery)在同一页面上工作，但没有成功。我一直在研究许多论坛等，但我仍然无法使这两个脚本同时工作。 这就是它在我的标题中的样子: /w
我想克隆带标题的问号。一切正常，但是当我将鼠标悬停在新问号上时，第一个问号上会出现工具提示。有什么想法吗？ 我正在使用 jQuery 和醉酒的工具提示。 Demo here click here
好吧，我已经在一个 friend 的网站上工作了一段时间了。我的编码技能......值得怀疑，而且我遇到了很多问题。 目前我网站上的 jQuery 停止工作了，我找不到原因，并且我已尽一切努力让它工作
我想使用一个文件来保存所有#define 和常量:示例 #ifndef CONSTANTS_H_ #define CONSTANTS_H_ #include //OVERALL DEFS
我在我的表单中的所有 HTML 下都有一些验证码，这似乎阻止了我的复选框验证码的工作，一旦我在我的 HTML 下的代码周围添加/* */(使其不活动)，我就得出了这个结论) 复选框验证代码开始正常工作
我是新手。我的页面上有两个 javascript/jquery。如果我使用第一个脚本，第二个脚本将不起作用。如果我删除第一个脚本，第二个脚本就可以正常工作。我不知道如何解决这个问题。我知道有一个“无冲
我是 Bison 新手，在处理 Shift/Reduce 冲突时遇到了麻烦... 我正在为C语言编写语法规则:ID是标识变量的标记，我编写此规则是为了确保即使将标识符写在括号中，也可以考虑它。 id
我目前正在使用 LibGdx 开发我的第一个 Android 游戏项目。这是一款 2D 迷宫游戏，您可以使用触摸输入从其中一个入口到其中一个导出“画出”一条线。世界本身是一个 TiledMap，目前仅
我正在尝试通过 javascript 完成表单验证，并在 #form# 标记中放置一个要执行的 .py 文件操作。但问题是，当我提交数据后，它不会重定向到 .py 操作。所以我摆脱了 preventd
我是一名优秀的程序员,十分优秀！