在Html中按比例增加表格列宽

时间:2016-08-16 04:41:39

标签: html css twitter-bootstrap

我有一个由display:table属性创建的代码。一切都很好,工作完美。现在我遇到了一个问题,即当固定宽度时,表格列没有增加。

HTML

QNetworkRequest request(QUrl(lotto));
request.setHeader(QNetworkRequest::UserAgentHeader, QVariant("Mozilla/5.0 "));
manager->get(request);

和css

<div class="table-responsive">

                <div class="ni-table table table-striped table-hover ng-scope  table-blank" id="_blankDivGridID1471321637917" ng-show="show">  <div class="ni-table-row" ng-show="show2">   <div class="ni-table-cell p-none" style="width: 10%;">  &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 10%;">  &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 15%;">  &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 10%;">  &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 10%;">  &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 10%;"> &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 2%;">  &nbsp; &nbsp; &nbsp;</div>  &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-row" ng-show="show3">   <div class="ni-table-cell p-none" style="width: 10%;">  &nbsp; &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 10%;">  &nbsp; &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 15%;">  &nbsp; &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 10%;">  &nbsp; &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 10%;">  &nbsp; &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 10%;"> &nbsp; &nbsp; &nbsp; &nbsp;</div> <div class="ni-table-cell p-none" style="width: 2%;">  &nbsp; &nbsp; &nbsp; &nbsp;</div>  &nbsp; &nbsp; &nbsp; &nbsp;</div>  </div></div>

所需的输出:表格和表格列适合屏幕。

0 个答案:

没有答案