小编Ade*_*eel的帖子

如果Chrome打印预览到达页面的下边距,则会在中间切断文本

在Chrome上打印时,我的页面(顶部和底部)边距会将文本切成两半.在我的print.css我定义:

@page {
    size: letter;
    size: 8.5in 11in;
    margin: 20cm 2cm;
    overflow: visible;
}
Run Code Online (Sandbox Code Playgroud)

找不到可能的解决方案来修复此错误.任何建议将不胜感激.

css printing google-chrome

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

如何以固定大小的 100x100 div 显示任意大小的图像?

我想以固定大小(100 像素 x 100 像素)的 div 显示任何大小(不同的宽度和高度)的图像,而不改变其纵横比。我还想将图像与 div 内的中心对齐。我做了它,但除非我改变它的纵横比,否则具有不同宽度和高度(第 6 个)的图像不会居中。

<html>        
    <style>
        .A{
            border:1px dotted black;
            display:inline-block;
        }

       .B{
            border:1px solid black;
            display:inline-block;
            width: 100px;
            height:100px;
            overflow:hidden;
        }

        .C{
            border:1px solid black;
            display:inline-block;
            width: 100px;
            height:100px;
            overflow:hidden;
        }
    </style>

    1
    <div class="A"> 
        <img src="man-profile.png">
    </div>

    2
    <div class="B">
        <img src="man-profile.png">
    </div>

    3
    <div class="B">
        <img src="man-profile.png" style="width:100;">
    </div>

    4
    <div class="C">
        <img src="picture.png" style="width:100;">
    </div>

    5
    <div class="C">
        <img src="picture.png" style="height:100;">
    </div>

    6
    <div class="C">
        <img src="picture.png" style="height:100; width:100%"> …
Run Code Online (Sandbox Code Playgroud)

html css size image

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

FullCalendar:如何停止拖动自定义事件?

任何人都可以告诉我如何停止拖动/调整事件的位置event.id > 100?只有那些事件应该是不可拖动的.

更新了代码示例:

eventRender: function(event, element) {
    if (event.id > 100) {
        event.disableDragging();
        event.disableResizing();
    }

    element.qtip({
        content: GetEventToolTip(event),
        position: { corner: { tooltip: 'bottomLeft', target: 'topMiddle'} },
        style: {
            border: {
                width: 1,
                radius: 5
            },
            padding: 5,
            textAlign: 'left',
            tip: false,
            name: event.iscustom == 'True' ? 'cream' : 'dark'
        }
    });
}
Run Code Online (Sandbox Code Playgroud)

谢谢.

jquery fullcalendar

6
推荐指数
2
解决办法
2万
查看次数

自定义过滤使用Button for Datatable

我使用Datatable作为我当前的项目.在我的一张桌子中,我有几列.一列的是Status,将有三个值一列Open,RejectedApproved.我想用三个按钮过滤表中显示的记录,In Progress并且Closed像这样:

<div class="btn-group pull-right">
    <button id="onprogress" class="btn btn-default filter">On Process</button>
    <button id="closed" class="btn btn-default filter">Closed</button>
    <button id="all" class="btn btn-default filter">All</button>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我使用的javascript代码:

var dataTables = $('#datatable').DataTable({
    "info": false,
    "lengthChange": false
});

$('#all').on('click', function () {
    dataTables.columns(4).search("").draw();
});

$('#onprogress').on('click', function () {
    dataTables.columns(4).search("Open" ).draw();
}); 

$('#closed').on('click', function () {
    dataTables.columns(4).search("Rejected","Approved").draw();
});
Run Code Online (Sandbox Code Playgroud)

javascript代码适用于#onprogreess按钮,因为它只搜索一个值Open.如何使它适用于两个值搜索?

(#closed按钮应该显示记录RejectedDone状态)

javascript datatable jquery

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

无法访问Microsoft Edge中的伪元素

无法选择或访问以下属性:在Edge之前的&:之后的元素检查元素是否有任何我们可以做的事情?

.arrow_box {
    position: relative;
    background: #d43959;
    border: 4px solid #ac1f3c;
    width: 300px;
    height:200px;
    margin-top:20px;
}
.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(213, 55, 55, 0);
    border-bottom-color: #d53737;
    border-width: 20px;
    margin-left: -20px;
}
.arrow_box:before {
    border-color: rgba(245, 88, 99, 0);
    border-bottom-color: #f55863;
    border-width: 26px;
    margin-left: -26px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="arrow_box"></div>
Run Code Online (Sandbox Code Playgroud)

Codepen链接

这个片段工作正常,但在Microsoft边缘我无法访问此伪元素:

.arrow_box:after, .arrow_box:before
Run Code Online (Sandbox Code Playgroud)

html css pseudo-element microsoft-edge

6
推荐指数
1
解决办法
2278
查看次数

Android Studio 3.0.1显示模拟器:进程已完成,退出代码为1

我是Linux的新手.最近我安装了Android Studio 3.0.1.当我尝试创建新的AVD时,它会向我显示此错误.请有人帮我修理一下.

7:02 PM模拟器:模拟器:错误:未知AVD名称[New_Device_API_26],使用-list-avds查看有效列表.

7:02 PM模拟器:进程以退出代码1结束

7:10 PM模拟器:模拟器:错误:未知AVD名称[New_Device_API_26],使用-list-avds查看有效列表.

7:10 PM模拟器:进程以退出代码1结束

7:10 PM模拟器:模拟器:错误:未知AVD名称[New_Device_API_26],使用-list-avds查看有效列表.

7:10 PM模拟器:进程以退出代码1结束

在此输入图像描述

android android-emulator android-activity android-studio

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

简单的jQuery - 隐藏文本框

我是新的jQuery,玩弄它.当我点击按钮时我想要文本框但是它不能以这种方式工作.

<input type=text id=txt></input>
<input type=button id=btn value="Click Me"></input>

$document.ready(function() {
    $("input#btn").click(function() {
        $("input#txt").hide();
    });
});
Run Code Online (Sandbox Code Playgroud)

jquery

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

完整日历从选定的星期获取日期

我在我的项目中使用jQuery FullCalendar插件(周视图)。在FullCalendar周视图中,我可以看到以以下格式显示日期的行:-星期日9/6,星期一9/7,星期二9/8,依此类推...

var calendar = $('#calendar').fullCalendar({
    header: {
        left: 'prev',
        center: 'title',
        right: 'next'
    },
    defaultView: 'basicWeek'                    
});
Run Code Online (Sandbox Code Playgroud)

现在,我只在时间表项目的日历中使用标题格式。当移至下一周/上一周(这是数据库中的存储日期)时,我想从当前选定的星期中获取日期9 / 6、9 / 7的警报。是否可以分别获取当前一周的日期?

jquery fullcalendar web

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

更改Fullcalendar营业时间的颜色

我在网站上使用了全日历,但现在我想设置营业时间的颜色,但我没有成功。现在,我的日历的背景色是橙色,而公司的颜色是更深的橙色。现在我想将其更改为另一种颜色(例如:红色)。但是在fullcalendar.css中,我仅发现非营业时间的背景色为一行:.fc-nonbusiness。我该如何更改?谢谢。在此处输入图片说明

这是我现在的日历代码:

# CSS Code

body {
    padding-top: 70px;
    /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

#calendar {
    max-width: 100%;
}

#calendar.agenda{
    background-color: #FF9900;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

#calendar .fc-agendaWeek-view .fc-today, #calendar .fc-agendaDay-view .fc-today, #calendar .fc-month-view .fc-today {
    background: #C0C0C0 !important;
}
Run Code Online (Sandbox Code Playgroud)

# Fullcalendar JS

$('#calendar').fullCalendar({
    locale: "es",
    header: {
        left: 'prev, next today',
        center: 'title',
        right: 'month, agendaWeek, agendaDay'
    },
    views: {
        week: { …
Run Code Online (Sandbox Code Playgroud)

javascript jquery fullcalendar

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

有什么可能的方法来加速Android模拟器

我正在使用Windows 10计算机,该计算机具有Intel Core 2.20 GHz处理器(基于x64的处理器)和8.00 GB的RAM,并且已为模拟器分配2048 Mb的RAM。

So, in my understanding the machine is not that bad to run the emulator quickly. But, emulator response time is too long and also utilizing 80% of CPU, 95% of Memory and 100% of Disk.

Also, tried to assign less RAM from AVD manager to the same emulator but still the same issue and sometimes only white screen is appearing on the android emulator. I have android studio 2.3.3 and already …

performance android qemu android-emulator android-studio

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