小编Ped*_*ram的帖子

我fontawesome在一个带有bootstrap 4的项目中集成了5个.当我通过css它回想起一个字体时不起作用.与fontawesome 4代码如下:

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
float: right;
content: '\f107';
font-family: 'FontAwesome'; }

我试图更改字体名称,但它不起作用

font-family: 'Font Awesome 5 Free'

我遇到了一个问题,iFrames当a的内容iFrame长于打印页面时,打印包含大量运行的页面.

这是我所看到的超级简化版本.打开此链接,点击打印预览:http://ringdev.com/code/inner.html 你应该看到7页的lorem ipsum填充.

接下来在IE 10,11或FF 38中打开此链接并点击打印预览:http: //ringdev.com/code/outer.html 您只能看到打印的第一页.您可以看到iFrame运行在页面底部,但它不会继续到第2页或更高版本.

有趣的是,Chrome没有任何问题,打印完美.不幸的是,该组织只支持IE和Fire Fox.

有没有人遇到过这个问题,或者对如何解决它有任何想法？

iOS 9有一个新的内置UIActivity的UIActivityTypeOpenInIBooks.它位于UI和头文件中的默认活动列表中,但我还没有找到任何API文档(尚未).

UIActivityTypeOpenInIBooks如果您在UIActivityViewController项目中包含UIImages 或将其返回到您的项目中,它似乎会在iBooks中创建PDF UIActivityItemProvider.

但是,我想创建一个PDF包含Safari的文本和图像的HTML页面.但我似乎无法找到一种以UIActivityTypeOpenInIBooks可接受的方式传递HTML 的方法.

我已经尝试将HTML作为字符串NSData和NSURL文件传递.我也试过返回一个UIMarkupTextPrintFormatter,它适用于打印,但不适用于UIActivityTypeOpenInIBooks.

提供HTML字符串或UIMarkupTextPrintFormatter都会导致以下错误:

2015-09-08 11:35:46.392 MyApp[4599:1492484] ERROR: attempting to save to URL with no printing source (formatter/renderer) set
2015-09-08 11:35:46.393 MyApp[4599:1492484] FAILED! due to error in domain UIPrintErrorDomain with error code 4

有没有人得到这个工作？

有解决方案可以使用word-break吗white-space: pre？

我有一个这样的列表，全部来自data base，我无法将其更改为ul li，但我想像那样显示，所以我然后使用white-space: pre，但它不会破坏单词。

td {
    white-space: pre;
    word-break: break-word;
}

table {
    width: 100px;
    border: 1px solid black;
    display: block;
}

<table>
<tr><th>list</th>
<td>
1.testtesttesttesttesttesttesttesttest
2.hihihihihihihihihihihihihihihihihihi
3.hurayhurayhurayhurayhurayhurayhuray
4.testtesttesttesttesttesttesttesttest
</td>
</tr>
</table>

或者使用诸如white-space: pre用断词将每个项目换成新行之类的东西？

如何组合CSS游标:not-allowed和pointer-events:none; 不允许似乎没有出现

.cursor-default { cursor: default; }
.cursor-not-allowed { cursor: not-allowed; }
.pointer-events-none { pointer-events: none; }

<button class="cursor-default">cursor-default</button>
<button class="cursor-not-allowed">cursor-not-allowed</button>
<button class="pointer-events-none">pointer-events-none</button>
<button class="cursor-not-allowed pointer-events-none">cursor-not-allowed + pointer-events-none</button>

小样本,请看看第四个按钮光标:不允许没有看按钮,但显示一个看起来的图标.

下面的代码我得到了所有上传的图像DropZone,但我现在有一个简单的问题,它已经显示原始图像作为缩略图,但我需要显示与想要上传新图像时base64相同的缩略图dropzone.

dropzone.js

 init: function() {
         var thisDropzone = this;
        var pageid = $("#pageid").val();
        $.getJSON('plugin/dropzone/get_item_images.php?id='+pageid, function(data) { 

            $.each(data, function(key,value){ 

                var mockFile = { name: value.name, size: value.size }; 

                thisDropzone.options.addedfile.call(thisDropzone, mockFile);
                thisDropzone.options.thumbnail.call(thisDropzone, mockFile, "/admin/uploads/"+value.name);
                thisDropzone.emit("complete", mockFile);

            });
        });

      },

所以问题在于这个代码我能够显示上传的图像,dropzone但它显示缩略图与原始图像不是创建的真实缩略图base64.dropzone制作缩略图时,base64如果你想上传新图片,我想要显示这样的缩略图.

我想要下面的代码,更改为按下按钮时,它会从下到上滚动文本区域内容.

$("button").on("click", function() {
  $(document).ready(function() {
    var $textarea = $('#update');
    $textarea.scrollTop($textarea[0].scrollHeight);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Scroll</button>
<textarea Name="update" Id="update" cols="50" rows="25"></textarea>

我试图在一个显示JSON数据textbox.数据采用以下格式:

address{
"street":"1st main Road"
"building_name":"Florence"
"Floor":""
"city":"New York"
}

我试过这个:

$('#id_address').val(address.street+'\n'+address.building_name+'\n'+address.Floor+'\n'+address.city);

但问题是,如果楼层中没有数据,那么楼层和城市之间将存在换行符.如果地址线中没有数据,如何避免换行？

我正在使用Ionic开发应用程序，并且在第一页上，我正在尝试使用Ionic Grid系统显示一些带有图像背景的卡片。问题是，当我以笔记本电脑的显示屏大小访问页面时，一切都很好，并且卡的高度相同！

显示屏幕截图的大小

但是，一旦我调整了浏览器窗口的大小，第二个卡的高度就会改变（或使用Chrome的模拟器），我希望这两个卡在任何情况下都具有相同的高度。我试图解决此问题，但没有成功。

显示屏幕截图的一半

这是我制作的代码段。这不是我的完整代码，但它演示了我遇到的问题。

angular.module('ionicApp', ['ionic'])

.controller('HomeCtrl', function($scope) {

})

<link href="http://code.ionicframework.com/1.2.4/css/ionic.min.css" rel="stylesheet"/>
<script src="http://code.ionicframework.com/1.2.4/js/ionic.bundle.min.js"></script>
<div ng-app="ionicApp">
  <ion-content>
    <!-- Row -->
    <div class="row row-center">

      <div class="col col-75">
        <!-- Card -->
        <a href="{link to a part}">
          <div class="card">
            <!-- Image of the Card -->
            <div class="item item-image">

              <img class="card-bg" src="http://placehold.it/800x200"/>
              
            </div>
          </div>
        </a>
      </div>

      <div class="col col-25">
        <!-- Card -->
        <a href="{link to a part}">
          <div class="card">
            <!-- Image of the Card -->
            <div class="item item-image">

              <img class="card-bg" src="http://placehold.it/500x400"/> …

好吧,我有一个div与50% width和200px高度,有这个div,我希望把它在所有分辨率响应内的图像.如果我把这个图像放在div的背景图像上,并给它background-size: cover和响应输出完全相似我想要的.但问题是我不能把这个图像放在背景图像上,应该是一个<img/>元素.

所以我在JSFiddle上做了一个例子来澄清我的问题.

运行此示例后,请更改预览区域宽度以查看响应输出.好吧,顶部图像有一个<img/>内部div,底部图像是背景图像.我想要用底部div 完全响应输出,background-image另一方面问题是:如何使图像响应像background-size: coverdiv一样.

#DivWithImg {
  width: 50%;
  height: 200px;
  background: red;
  margin: 0 5px 0 5px;
  overflow: hidden;
  border: 1px solid black;
}

#DivWithImg img {
  width: 100%;
  height: 100%;
}

#DivWithBGImg {
  width: 50%;
  height: 200px;
  background: red url('http://img.huffingtonpost.com/asset/scalefit_600_noupscale/56328113190000a600b9540d.jpeg');
  margin: 0 5px 0 5px;
  background-size: cover;
  border: 1px solid black;
}

<!-- Div With Image …