小编Mik*_*kel的帖子

我正在尝试仅使用 CSS 为我的图像创建砌体式布局。我遵循了本指南，效果很好。

HTML：

<div class="grid">  
    <img src="1.jpg">
    <img src="2.jpg">
    <img src="3.jpg">
    <img src="4.jpg">
    <img src="5.jpg">
    <img src="6.jpg">
    <img src="7.jpg">
    <img src="8.jpg">
</div>

CSS：

.grid {
  line-height: 0 ;

  -webkit-column-count: 4 ;
  -webkit-column-gap:   10px ;
  -moz-column-count:    4 ;
  -moz-column-gap:      10px ;
  column-count:         4 ;
  column-gap:           10px ;

  margin: 20px;
}

.grid img {
  width: 100% ;
  height: auto ;
  margin-bottom: 10px;
}

它看起来像这样：

但是，图像按以下顺序显示：

1    3    5    7
2    4    6    8

我想像这样：

1    2    3    4
5 …

我最近为我的网站制作了一个分辨率为400x400的徽标.它在我测试过的任何其他浏览器中都可以缩小到40x40,但它在Edge中很奇怪.每次刷新页面时,它都会正常呈现一瞬间,然后在页面完成加载后更改为难看的像素化外观.

在页面完全加载之前它的外观(以及我希望它看起来如何):

页面加载时的外观如何:

HTML:

<img src="/images/logo.png" class="logo">

CSS:

.logo {
    width: 40px;
    height: 40px;
}

编辑:这是一个重现我的问题的JSfiddle.

我正在用引导程序制作一个网站。在我的超大屏幕中，左侧有一些文本，右侧有一个图像。在移动设备上，图片会显示在顶部。

它在桌面上的外观：

它在手机上的外观：

问题是，在移动设备上，如果图像居中而不是向右浮动会更好。那可能吗？

HTML：

<div class="jumbotron">
  <div class="container" id="main">

    <div class="img"
        <p id="pic"><img id="pic" src="http://cube.crider.co.uk/visualcube.php?fmt=png&amp;size=800&amp;bg=t&amp;alg=F2%20D2%20L2%20F2%20L2%20F%20U2%20R2%20L%20U%27%20B%20D%27%20F%27%20U2%20L%20D2%20L2%20F2" width="300px" height="300px"></p> 
    </div>

    <h1>Example </h1>
    <p>Example Example Example Example Example Example Example</p>
    <p>Example Example Example Example Example Example Example</p>
    <p>Example Example Example Example Example Example Example</p>

  </div>
</div>

CSS：

.img{
  float: right;
  margin-right: 40px;
  margin-bottom: 20px;
  display: inline;
} 

示例网站

我在用

File file = new File("res/movies.txt");

从捆绑的.txt文件中读取文本.在IntelliJ IDEA中运行程序时,我的代码工作正常,但是当我创建一个.jar文件并运行它时,它会出现"找不到文件"错误.我该怎么做才能使代码在IDE和jar文件中都能正常工作？

我试图从.jar文件中读取一个文本文件,并在其上使用扫描仪.文本文件movies.txt与我的IDE中的java文件一起位于src目录中.当我构建jar文件时,类文件和文本文件都在根目录中.

InputStream file = this.getClass().getResourceAsStream("/movies.txt");
Scanner scanner = new Scanner(file);

这似乎没有找到文本文件.我在这做错了什么？