как управлять содержимым таблицы css

Question

Я создал таблицу с width="610", но произошел переток, выходящий за пределы границы таблицы. Я хочу, чтобы предотвратить это действие, используя только CSS, но я не уверен в том, как сделать это

HTML

<p></p> 
<div id="content"> 
    <div id="fill"> 
    <table border="0" cellpadding="0" cellspacing="5" style="width: 610px;" width="100%"> 
     <tbody> 
     <tr> 
      <td style="width: 3%;"> 
      <p></p> 
      </td> 
      <td style="width: 97%;"> 
      <p><a href=""></a></p> 
      </td> 
     </tr> 
     </tbody> 
    </table> 
    </div> 
</div> 

Содержание в <a href=""> расширяется наружу из div содержания.

Answer 1

вы можете дать свой класс таблицы и использовать этот класс, как это:

Таблица:

.table1 

строки таблицы:

.table1 tr 

Таблица тд:

.table1 tr td 

Answer 2

Таблицы имеют ячейки. Каждая ячейка имеет ширину, заполнение, границу и маржу, как каждый элемент html. Удалить исходное поле/дополнение ячеек, которое вы можете использовать. Затем вы можете использовать td {} в своем CSS, чтобы добавить стили custrom в ячейки, или если вам нужно что-то более конкретное, вы должны добавить классы или идентификаторы в свои ячейки, а затем использовать CSS для их стилизации.

Answer 3

дать таблицу класс или идентификатор

<table class="class_name" id="id_name"></table> 

то стиль его с помощью CSS

#id_name {width:100%} 
.class_name {width:100%} 

Answer 4

К голове:

<style type="css"> 
    table.my { width:610px; ... } 
    table.my tr { ... } 
</style> 

к телу:

<table class="my"> 
    <tr> 
    <td> 
    </td> 
    </tr> 
</table> 

Answer 5

Сначала вам нужно установить ширину таблицы, используя css (style). При установке ширины непосредственно в теге HTML, который автоматически увеличит ширину при увеличении содержимого, особенно в Изображениях. вы также можете контролировать проблему, установив ширину в контент, если это что-то вроде изображения.

Answer 6

Атрибуты таблицы width по умолчанию интерпретируются как min-width. Когда содержимое ячейки превышает указанную ширину таблицы/ячейки, ширина таблицы/ячейки растягивается в соответствии с ее содержимым. Чтобы исправить это, переопределить свойство по умолчанию table-layout:

.table1 { 
    table-layout:fixed; 
} 
.table1 td { 
    word-wrap:break-word; 
} 

http://jsfiddle.net/zEDcU/