web-dev-qa-db-fra.com

CSS sans habillage de texte

Veuillez consulter le code http://jsbin.com/eveqe3/edit , également cité ci-dessous.

J'ai besoin d'afficher le texte à l'intérieur des divs de l'élément de telle manière que le texte n'apparaisse que dans la boîte verte avec une largeur spécifiée, le reste de la ligne doit être caché. Toutes suggestions s'il vous plaît ...

<style>
  #container{
    width : 220px;
  }
  .item{
    float:left;
    border: 1px solid #0a0;
    width: 100px;
    height: 12px;
    padding 2px;
    margin: 0px 2px;
  }
  .clearfix{
    clear: both;
  }
</style>
</head>
<body>
  <div id="container">
    <div class="item"> A very loooooooooooooooooooooong text </div>
    <div class="item"> Another looooooooooooooooooooong text </div>
    <div class="clearfix">  </div>
   </div>
</body>
</html>​
htmlcsstext
54
Mithun Sreedharan

En plus du débordement: caché, utilisez

white-space:nowrap;
148
xor_eq

Utilisez simplement:

overflow: hidden;
white-space: nowrap;

Dans les divisions de votre article

20
Macmade

Utilisez le débordement de la propriété css. Par exemple:

  .item{
    width : 100px;
    overflow:hidden;
  }

La propriété overflow peut avoir l'une des nombreuses valeurs comme (hidden, scroll, visible) .. vous pouvez également contrôler le débordement dans une seule direction uniquement) en utilisant overflow-x ou overflow-y.

Je ho

2
Ahmed Aman