div 주위에 텍스트 줄 바꿈이 작동하지 않습니다.

알다시피, 다른 div에있는 div (그림 포함)가 있습니다. 그런데 왜 텍스트가 div를 감싸지 않습니까? 왜 오른쪽에 약간의 공간이 남아 있습니까? 1 div 주위에 텍스트 줄 바꿈이 작동하지 않습니다.

답장을 보내 주셔서 감사합니다. 어쩌면 당신은 10px 의미 -

은

#table { 
 
    clear: both; 
 
    float: right; 
 
    margin-top: 100px; 
 
    margin-right: 10px; 
 
    min-width: 100px; 
 
    min-height: 150px; 
 
    background-color: rgb(230, 230, 230); 
 
    border: 1px solid black; 
 
    right: 0; 
 
    align: right; 
 
} 
 
#body { 
 
    background-color: white; 
 
    border: 1px solid black; 
 
    width: 50%; 
 
    height: 95vh; 
 
    margin: 0 auto; 
 
    margin-top: 20px; 
 
    z-index: 1; 
 
}

<body> 
 
    <div id="article">Artikel</div> 
 
    <div id="body"> 
 
    <div id="navigation"> 
 
     <br> 
 
     <img src="../Logo/logomittext.svg" alt="SCHWIKI" width="100%"> 
 
     <br> 
 
     <br> 
 
     <a href="../index.html">Hauptseite</a> 
 
     <br> 
 
     <a href="Schwiki.html">Schwiki</a> 
 
     <br> 
 
     <a href="Änderungsprotokoll.html">Änderungsprotokoll</a> 
 
     <br> 
 
     <hr> 
 
     <a href="LPI_Linux_Essentials.html">LPI Linux Essentials</a> 
 
    </div> 
 
    <div id="content"> 
 
     <h1>LPI Linux Essentials</h1> 
 
     <div id="meta"> 
 
     <script language="Javascript" src="../Js/zulbearb.js"> 
 
     </script> 
 
     </div> 
 
     <hr> 
 
     <div id="table"> 
 
     <img src="../Images/LPI-Essentials.jpg" alt="LPI-Essentials" width="300px"> 
 
     <table> 
 
      <tr> 
 
      <th>Aktuelle Version:</th> 
 
      <td>1.5 (Prüfung 010-150)</td> 
 
      </tr> 
 
      <tr> 
 
      <th>Voraussetzungen:</th> 
 
      <td>keine</td> 
 
      </tr> 
 
      <tr> 
 
      <th>Gültigkeit:</th> 
 
      <td>Lebenslang</td> 
 
      </tr> 
 
     </table> 
 
     </div> 
 
     <p>Das Schwiki ist ein Nachschlagewerk für Themen, welche die Informationstechnologie betreffen. Es ist ein Pilotprojekt, das für die Verbesserung der Erfahrungen des Erstellers in Bezug auf das Erstellen von Websiten erstellt wurde.</p> 
 
    </div> 
 
    </div> 
 
</body>

출처

2017-02-13 FrankTheTank

그냥'여유 탑 제거해야합니다 : 100 픽셀을, '테이블에서. – Stickers

margin-top: 100px; 오타 것 같다? 변경하면 수정됩니다. 또한

의 clear: both;, right: 0; 및 align: right; 모든 적절한 구문을 그들이 아무것도 안하고 중 하나에 있기 때문에, 제거 또는 수는 없습니다.

여기서는 CSS를 조정하고 왼쪽의 텍스트 양을 두 배로 늘려보다 쉽게 줄 바꿈합니다.

#table { 
 
float: right; 
 
margin-top: 10px; 
 
margin-left: 10px; 
 
min-width: 100px; 
 
min-height: 150px; 
 
background-color: rgb(230,230,230); 
 
border: 1px solid black; 
 
right: 0; 
 
} 
 
#body { 
 
background-color: white; 
 
border: 1px solid black; 
 
width: 50%; 
 
height: 95vh; 
 
margin: 0 auto; 
 
margin-top: 20px; 
 
z-index: 1; 
 
}

<div id="article">Artikel</div> 
 
    <div id="body"> 
 
     <div id="navigation"> 
 
      <br> 
 
      <img src="../Logo/logomittext.svg" alt="SCHWIKI" width="100%"> 
 
      <br> 
 
      <br> 
 
      <a href="../index.html">Hauptseite</a> 
 
      <br> 
 
      <a href="Schwiki.html">Schwiki</a> 
 
      <br> 
 
      <a href="Änderungsprotokoll.html">Änderungsprotokoll</a> 
 
      <br> 
 
      <hr> 
 
    <a href="LPI_Linux_Essentials.html">LPI Linux Essentials</a> 
 
     </div> 
 
     <div id="content"> 
 
      <h1>LPI Linux Essentials</h1> 
 
      <div id="meta"> 
 
       <script language="Javascript" src="../Js/zulbearb.js"> 
 
       </script> 
 
      </div> 
 
      <hr> 
 
    <div id="table"> 
 
       <img src="../Images/LPI-Essentials.jpg" alt="LPI-Essentials" width="300px"> 
 
       <table> 
 
        <tr> 
 
         <th>Aktuelle Version:</th> 
 
         <td>1.5 (Prüfung 010-150)</td> 
 
        </tr> 
 
        <tr> 
 
          <th>Voraussetzungen:</th> 
 
          <td>keine</td> 
 
        </tr> 
 
        <tr> 
 
          <th>Gültigkeit:</th> 
 
          <td>Lebenslang</td> 
 
        </tr> 
 
       </table> 
 
      </div> 
 
      <p>Das Schwiki ist ein Nachschlagewerk für Themen, welche die Informationstechnologie betreffen. Es ist ein Pilotprojekt, das für die Verbesserung der Erfahrungen des Erstellers in Bezug auf das Erstellen von Websiten erstellt wurde. Das Schwiki ist ein Nachschlagewerk für Themen, welche die Informationstechnologie betreffen. Es ist ein Pilotprojekt, das für die Verbesserung der Erfahrungen des Erstellers in Bezug auf das Erstellen von Websiten erstellt wurde.</p> 
 
     </div> 
 
    </div>

출처

2017-02-13 19:45:42 Jesse

div 주위에 텍스트 줄 바꿈이 작동하지 않습니다.

답변

관련 문제