小编Maa*_*rti的帖子

漂浮在图像上的Div

我在为图像浮动div时遇到了麻烦.这是我想要完成的:

    .container {
       border: 1px solid #DDDDDD;
       width: 200px;
       height: 200px;
    }
    .tag {
       float: left;
       position: relative;
       left: 0px;
       top: 0px;
       z-index: 1000;
       background-color: #92AD40;
       padding: 5px;
       color: #FFFFFF;
       font-weight: bold;
    }
Run Code Online (Sandbox Code Playgroud)
    <div class="container">
       <div class="tag">Featured</div>
       <img src="http://www.placehold.it/200x200">
    </div>
Run Code Online (Sandbox Code Playgroud)

在这张图片中:

在此输入图像描述

我希望"精选"框浮动在图像的顶部,但它似乎"清除"浮动并导致图像换行到下一行,就像它显示为块元素一样.不幸的是,我无法弄清楚我做错了什么.有任何想法吗?

html css z-index css-float

48
推荐指数
3
解决办法
18万
查看次数

如何从Raspberry Pi的动作中获取.mp4视频?

我在笔记本电脑上使用动作,它可以在任何格式下完美运行.但是当我使用Raspberry Camera V2在我的Raspberry Pi 3(Raspbian Jessie)上使用它时,唯一有效的格式是:.avi.swf.

当我选择任何其他格式时,输出视频是"0秒视频",即时播放和关闭.

我想拥有.mp4.ogg输出所以我可以用HTML5轻松阅读.

这是运动编解码器文档.

这是我的配置文件:

############################################################
# Daemon
############################################################

# Start in daemon (background) mode and release terminal (default: off)
daemon on

# File to store the process ID, also called pid file. (default: not defined)
process_id_file /var/run/motion/motion.pid

############################################################
# Basic Setup Mode
############################################################

# Start in Setup-Mode, daemon disabled. (default: off)
setup_mode off


# Use a file to save logs messages, if …
Run Code Online (Sandbox Code Playgroud)

camera ffmpeg video-encoding motion raspberry-pi

7
推荐指数
2
解决办法
9996
查看次数

doc.fromHTML 不是 angular 6 的函数

我想将模板 html 导出为 pdf,我正在尝试使用带有 angular 的 jsPDF lib,但出现此错误 doc.fromHTML is not a function。

import { Component, ViewChild, ElementRef } from '@angular/core';
import * as jsPDF from 'jspdf';
// declare var jsPDF: any;
@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'exports-pdf';
@ViewChild('exports') exports: ElementRef;

public print(): void {

const doc = new jsPDF('p', 'pt', 'letter');

const content = this.exports.nativeElement;

const margins = {
  top: 80,
  bottom: 60,
  left: 40,
  width: 522
};
console.log(doc);
setTimeout(() …
Run Code Online (Sandbox Code Playgroud)

export-to-pdf jspdf angular angular6

7
推荐指数
1
解决办法
7986
查看次数

使用角度4在mat-table中添加一个新行

在此输入图像描述

如何从输入字段手动将新行添加到角度材质表中.

请看这个图像,如果我添加一个状态名称和状态代码,它应该出现在下表中,请帮助我如何使用angular4实现它

angular angular-material-5 angular-cdk

4
推荐指数
1
解决办法
1万
查看次数

带按钮的 Html 两种语言选项(无需重定向到不同页面)

我正在尝试为网站提供第二语言选项。以下是该项目的详细信息:

1)我并没有尝试使用谷歌翻译系统或任何其他自动翻译服务来更改整个网站语言。

2)我只是想翻译网站中的主要描述部分。

3)我已经编写并保存了描述文本的翻译版本。

4)我还在一个单独的文件中制作了一个下拉语言选项按钮,但两种语言的模板都相同。

因此,为了清楚起见,我的问题是:

如何使用语言选项按钮在英语和韩语之间切换语言(从英语到韩语,从韩语到英语,具体取决于用户选择的内容)以及翻译的描述文本?

----- 下面的代码是下拉语言选项按钮 ----------------

    <!DOCTYPE html>
    <html>
    <head>
	    <title></title>

	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

	    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>

    <body>

    <div class="container">            
       <div class="dropdown">
        <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Language Option
        <span class="caret"></span></button>
        <ul class="dropdown-menu">
          <li><a href="#">English</a></li>
          <li><a href="#">Korean</a></li>
        </ul>
      </div>
    </div>

    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

html javascript css language-switching web

3
推荐指数
1
解决办法
5万
查看次数