Question

我正在编写代码，我希望将“Szafranowka”和“Apartaments＆amp; Restaurant”之间的空间缩小。现在看来它是这样的：https://gyazo.com/d6843d8857e954acbae5c1da748c044b 我真的找不到完全符合我期望的答案。拜托，能帮助我吗？ :) 另外，我想围绕“Wejscie / Entrance”制作一个小方块，但是当我试图用边框做它时，它看起来像这样：https://gyazo.com/f84fedc7a78854773b287e01ebd3a21f

以下是我用于制作边框的代码的一部分：

<h5 style="border:3px; border-style:solid; border-color:#000000; padding: 1em;">Wejscie/Entrance</h5>

这是我的代码：

HTML：

<!DOCTYPE HTML>
<head>

<title>Szafranowka - Apartments & Restaurant </title>
<meta name="viewport" content="width=device-width", initial-scale=1">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<link rel="stylesheet" href="style.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet">

</head>

<body>

<!-- Główny DIV całej strony -->
<div id="container">

    <!-- Lewa część tła strony, zamknięta w divie -->
    <div id="background"> 
    <img src="background.jpg"> </img>
    </div>

    <div id="header">
        <h2>Szafranowka</h2> <p>Apartments & Restaurant </p>
        <br></br> <h5 id="entrance">Wejscie/Entrance</h5>
    </div>



</div>


</body>

</html>

CSS：

body {
  padding: 0;
  margin: 0;
  height: 100vh;
  width: 100vw;
}

#container
{
    width: 100%;
    height: 100%;
}

#background 
{
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.5;
  filter: blur(3px);
  filter: contrast(50%);
  filter: brightness(30%);
}

#background img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#header
{
    position: absolute;
    z-index: 1;
    font-family: 'Tangerine', cursive;
    text-align: center;
    color: #9F5F9F;
    font-size: 70px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-shadow: 2px 2px #660055;
}

Answer 1

到#entrance，试试这个：

pom.xml

Answer 2

<div>
  <h3>All Templates</h3>
  <ul *ngFor="let number of numbers">
    <ng-container [ngTemplateOutlet]='number % 2 == 0 ? even_tpl : odd_tpl' [ngTemplateOutletContext]="{number:number}"></ng-container>
  </ul>
</div>

<ng-template #odd_tpl let-number='number'>
  <li>Odd: {{number}}</li>  
</ng-template>

<ng-template #even_tpl let-number='number'>
  <li>Even: {{number}}</li>  
</ng-template>

CSS：

<div id="header">
        <h2>Szafranowka</h2> <p>Apartments & Restaurant </p>
        <br></br> <span id="entrance">Wejscie/Entrance</span>
 </div>

Answer 3

Consider the following class X: class X { private boolean a; private int b; ... } 

(i)     Write a constructor for this class. [2 marks] 


(ii)   Show how to create an object of this class. [2 marks] 


(iii)  Add a method out, which returns b if a is true, and -b otherwise. This method must be usable for any client of 
    this class. [2 marks]

如何在HTML中的两个句子之间缩小空格

3 个答案: