那些遇到过的问题

小编Man*_*mar的帖子

扩展翻译元素的第一个动画的最终状态

我知道这里有多次询问,但我要求为这种动画设置不同的方法.

问题:

第二个框有多个动画,试图创建与第一个相同的效果.似乎转换属性被覆盖(因为它应该)*.我正在尝试使用第二个动画的属性扩展第一个动画(第二个框).试图使用animation-fill-mode: forwards但没有成功.也许我错过了一些基本的东西.是否可以使用vanilla CSS？

*参考

'animation-name'属性定义了适用的动画列表.如果多个动画试图修改相同的属性,则最接近名称列表末尾的动画将获胜.

需求:

单独move2-right和move2-down关键帧规则,但在同一元素上工作,保留第一个动画转换.如果有这种动画的替代方法,请引导我完成它.

当前输出:

.animation-1,
.animation-2 {
  width: 200px;
  height: 200px;
  display: inline-block;
  background: white;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.movable-1,
.movable-2 {
  background: #41A186;
  width: 50px;
  height: 50px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, …
Run Code Online (Sandbox Code Playgroud)

css css3 css-transforms css-animations

Man*_*mar
2015 12-22
6
推荐指数
1
解决办法
342
查看次数

td堆叠而不使用css

我们的CRM允许我们使用他们的软件向我们的客户发送自动电子邮件.像购买收据等等.虽然他们提供电子邮件的HTML编辑,但它受到严格限制,我们可能不会使用任何CSS.

至于他们的风格指南允许的内容,它似乎是所有HTML和一些内联样式,例如:

<span style="color:#ffffff">white</span> 
<div style="color:#ffffff">
<img src="dickbutt.gif" style="width:30px;height:20px">
Run Code Online (Sandbox Code Playgroud)

......根据指南,一切都好.但是,不允许其他CSS或CSS引用,包括:

<link rel="stylesheet" href="/stylesheet.css" type="text/css">
Run Code Online (Sandbox Code Playgroud)

要么

<style type="text/css">
@import "/stylesheet.css";
</style>
Run Code Online (Sandbox Code Playgroud)

要么

<style type="text/css">
body { color:green; }
</style>
Run Code Online (Sandbox Code Playgroud)

为了增加对伤害的侮辱,我应该将上面的内容包含在内,<body>标签上方的所有内容(包括身体标签本身)都会在将文件保存在其软件内的HTML编辑器中时被删除.他们有一些自动代码修改脚本,在他们的样式指南中引用"已批准"的代码,并删除剩下的内容.那么我还剩下什么？一点都没有.基本上从开放<table>到结束之间</table>.他们甚至去掉</body>和</html>.

使用剩余的代码,我@media根本无法使用或允许任何<td>堆叠.那么,他们是否有任何其他方式链接到您所知道的样式表？...一种允许堆叠而无需访问CSS的方法？我基本上正在寻找一种方法,使这些电子邮件在上述限制下响应.

我上传了样式指南给JSfiddle:https://jsfiddle.net/Lxfqus7f

html css email html-email responsive-design

sol*_*eor
2015 09-16
6
推荐指数
1
解决办法
62
查看次数

如何创建没有常规表标记的表？

我怎么能创建一个没有<table>标签的表？所以它看起来应该像常规表,但不使用公共表标签.

html css html-table css-tables

Ale*_*lex
2015 11-02
6
推荐指数
3
解决办法
6346
查看次数

从左侧CSS动画中滑入

我想制作一个简单的动画,当页面加载时,我的徽标应该从框的左侧到右侧动画.我尝试了很多版本,但还没有成功.

HTML

<body>

<div>
<img src="logo.png" alt="logo" style="width:170px;height:120px;">
</div>
</body>
Run Code Online (Sandbox Code Playgroud)

CSS

div
{
 width:640px;
 height:175px;
 background:blue;
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 -ms-transition: all 1s ease-in-out;
 position:absolute;
}
div img
{
 -webkit-transform: translate(3em,0);
 -moz-transform: translate(3em,0);
 -o-transform: translate(3em,0);
 -ms-transform: translate(3em,0);
}
Run Code Online (Sandbox Code Playgroud)

html css css-animations

use*_*458
2015 12-09
6
推荐指数
1
解决办法
2万
查看次数

Safari 和 CSS 列的问题

我正在使用纯 CSS 和 HTML 创建一个项目网格。我在 Safari 中测试时遇到了一个问题。我已将代码提取到CodePen 中，它的工作方式与我的网格相同。

这是我用来重现问题的代码：

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  width: 100%;
  background: WhiteSmoke;
}

.wrapper {
  display: block;
  font: 400 14px/1.3 "Helvetica", sans-serif;
  width: 100%;
  padding: 0 20px;

  @media only screen and (min-width : 768px) {
    column-count: 2;
    font-size: 17px;
    column-gap: 20px;
  }

  @media only screen and (min-width : 992px) {
    column-count: 3;
  }
}

.wrapper > * {
  @media only screen and (min-width …
Run Code Online (Sandbox Code Playgroud)

html css safari google-chrome

J. *_*man
2018 06-20
6
推荐指数
1
解决办法
2150
查看次数

无法创建镜像/Dockerfile（Dockerfile）不能为空

我正在学习初学者课程，无法在终端上创建图像。

这是我正在学习的课程（抱歉，该课程是日语课程，仅供参考）。我在 1:01:39 他继续创建 docker 镜像。

首先，错误信息包含Failed to solve with frontend docker file.v0:failed to create LLB definition:the Dockerfile cannot be empty

我运行下面的命令并设法摆脱 Failed to Solution with frontend docker file.v0:failed to create LLBDefinition ( Failed To Resolve With FrontEnd DockerFIle.v0 )：

export DOCKER_BUILDKIT=0
export COMPOSE_DOCKER_CLI_BUILD=0
Run Code Online (Sandbox Code Playgroud)

现在我只剩下Dockerfile cannot be empty

我在某些页面中看到，由于 dockerfile 没有大写，人们无法找到它，但这不是我的情况。

在此输入图像描述

我也尝试-f过直接文件的命令

在此输入图像描述

docker dockerfile

chi*_*ita
2021 09-10
6
推荐指数
1
解决办法
1万
查看次数

NSMigrationManager.migrateStore 与 NSPersistentHistoryTrackingKey

我有一个核心数据实现。该堆栈是使用 NSPercientContainer 加载的。在设置过程中，我在 NSPersistentStoreDescription 上设置了 NSPersistentHistoryTrackingKey。

description.setOption(true as NSNumber, forKey: NSPersistentHistoryTrackingKey)
Run Code Online (Sandbox Code Playgroud)

我正在尝试沿着这条线实现渐进式迁移https://williamboles.me/progressive-core-data-migration/（顺便说一句，这是一篇很棒的文章！）

我遇到的第一个问题是在 WAL 中强制设置检查点。代码非常简单：

func forceWALCheckpointingForStore(at storeURL: URL) {
guard let metadata = NSPersistentStoreCoordinator.metadata(at: storeURL), let currentModel = NSManagedObjectModel.compatibleModelForStoreMetadata(metadata) else {
    return
}

do {
    let persistentStoreCoordinator = NSPersistentStoreCoordinator(managedObjectModel: currentModel)

    let options = [NSSQLitePragmasOption: ["journal_mode": "DELETE"]]
    let store = persistentStoreCoordinator.addPersistentStore(at: storeURL, options: options)
    try persistentStoreCoordinator.remove(store)
} catch let error {
    fatalError("failed to force WAL checkpointing, error: \(error)")
  }
}
Run Code Online (Sandbox Code Playgroud)

当 NSPersistentStoreCoordinator 运行 addPersistentStore 时会出现此问题。我收到以下错误：

存储在没有 NSPersistentHistoryTrackingKey 的情况下打开，但之前已使用 …

core-data-migration

Mac*_*cMc
2021 09-19
6
推荐指数
0
解决办法
408
查看次数

永久链接不适用于 Wordpress + centos7

我已经在本地机器（Centos 7）上安装了 WordPress。如果没有漂亮的 URL，它运行良好。

我试图让它发挥作用：

  1. 在 /etc/httpd/conf/httpd.con 下设置 Allowoverride All 并重新启动 httpd 服务。

  2. 使用以下代码行在 WordPress 目录中创建 .htaccess 文件：

   <IfModule mod_rewrite.c>
       重写引擎开启
       重写基数 /
       重写规则 ^index\.php$ - [L]
       RewriteCond %{REQUEST_FILENAME} !-f
       RewriteCond %{REQUEST_FILENAME} !-d
       重写规则。/rakesh/index.php [L]
   </IfModule>
  1. 在 WP 后端设置 > 永久链接中将永久链接设置为帖子名称

结果我得到“未找到

在此服务器上找不到请求的 URL /index.php。”

  1. 我还尝试更改 .htaccess 文件 777 的权限并通过以下命令将其分配给 Apache 用户
   须藤 chown apache /var/www/html/wordpress/.htaccess
   须藤 chmod 777/var/www/html/wordpress/.htaccess

.

wordpress centos

Rak*_*wat
2015 10-31
5
推荐指数
1
解决办法
2905
查看次数

在容器内向右拉图像

我有一个徽标,我希望将它放在第一排的容器右侧.首先我写了这段代码:

<div class="container">
    <div class="row">
        <div class="col-md-3">
            <img src="../Images/logo.png" alt="Logo"/>
        </div>
        <div class="col-md-9">
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

并且徽标显示在第一行的左侧,带有一些边距.现在pull-right我div像这样添加类:

<div class="col-md-3 pull-right">
     <img src="../Images/logo.png" alt="Logo"/>
</div>
Run Code Online (Sandbox Code Playgroud)

并且徽标与浏览器窗口的右侧对齐,没有任何边距.我如何在第一排的右侧放置徽标,如左侧？

谢谢

css twitter-bootstrap twitter-bootstrap-3

Ari*_*ian
2015 11-08
5
推荐指数
1
解决办法
3372
查看次数

表单内的Bootstrap +表单组水平给出一个水平滚动条

我正在使用最新的bootstrap.

我有一个form(class="form-horizontal"),在里面我添加了一个带有"form-group"类的div,结果给出了一个水平滚动条.

我在JSfiddle中使用Bootstrap网站的相同代码创建了一个示例.你可以在这里看到它更好:http: //jsfiddle.net/SergioKastro/q4pq08rc/

如何停止显示水平滚动条？

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<form class="form-horizontal">
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
    </div>
  </div>
</form>
Run Code Online (Sandbox Code Playgroud)

html twitter-bootstrap

Ser*_*tro
2015 11-10
5
推荐指数
1
解决办法
2751
查看次数

标签 统计

css ×6

html ×5

css-animations ×2

twitter-bootstrap ×2

centos ×1

core-data-migration ×1

css-tables ×1

css-transforms ×1

css3 ×1

docker ×1

dockerfile ×1

email ×1

google-chrome ×1

html-email ×1

html-table ×1

responsive-design ×1

safari ×1

twitter-bootstrap-3 ×1

wordpress ×1