User Tools

Site Tools


informatica:html:css

This is an old revision of the document!


<!DOCTYPE HTML>
<html>
<head>
  <meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
  
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/start/jquery-ui.css" type="text/css" rel="stylesheet" />
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
  
  <style type="text/css">
  .row {
    display:table-row;
  }
  .cell {
    display:table-cell;
    max-width:100px;
    min-width:100px;
    min-height :100px;
    overflow:hidden;
    border:1px solid black;
    word-wrap: break-word;
    vertical-align:top;
  }

  </style>
  <script type="text/javascript">
  $(document).ready(function(){
  });
  </script>
</head>
<body>
  <div class="row">
    <div class="cell">
      Este es un textohkjkhkjhkjhkjhkjhkjhkjhkjhkjjh muy largo que no cabe en esta celda lkj lk jlk jlk jlk jlk j
    </div><div class="cell">
      Es
    </div><div class="cell">
      Este es un texto muy largo que no cabe en esta celda
    </div>
  </div>
  <div class="row">
    <div class="cell">
      Este es un texto muy largo que no cabe en esta celda
    </div>
    <div class="cell">
      Este 
    </div>
    <div class="cell">
      Este es un texto muy largo que no cabe en esta celda
    </div>
  </div>
</body>
</html>
informatica/html/css.1335267265.txt.gz · Last modified: 2015/04/13 20:19 (external edit)