2015-06-02 6 views
2

ширина таблицы не работает, если я использую colspan. Мне нужен colspan. и размер ширины, как 100px; или 10% без кол-во дна Исходный код размер шрифта работает. как отредактировать? можно спросить? помогите пожалуйста.загрузочный стол ширина ширина и colspan

<link href="css/bootstrap.min.css" rel="stylesheet"> 
<style> 
    table { 
table-layout: fixed; 
word-wrap: break-word; 
width: 30%; 
} 
</style> 
</head> 
<body> 
<table> 
    <tr> 
     <td colspan="2">abc</td> 
</tr> 
    <tr class="table table-bordered"> 
     <td style="width: 10%;" /td>1</td> 
     <td style="width: 20%;" /td>2</td> 
    </tr> 
</table> 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script  src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 
</body> 
</html> 
+0

Как это, как вам нужно ** https: //jsfiddle.net/sheshu036/hhjoo40b/1/** или очистить свою точку, как вы хотите. – sheshadri

ответ

4
<html> 
<head> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <style> 
     table { 
      width: 100%; 
      border:1px solid; 
    } 

    td{ 
     border:1px solid; 
    } 
    </style> 
    </head> 
<body> 
<table> 
    <tr> 
     <td colspan="2">abc</td> 
</tr> 
    <tr > 
     <td style="width: 40%;">1</td> 
     <td style="width: 60%;">2</td> 
    </tr> 
</table> 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script  src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 
</body> 
</html> 

Я изменил его сейчас, заметьте, что я отведенной макет таблицы: фиксированный тег и он работал

Смежные вопросы