Свойство CSS (ширина тела) = Атрибут HTML-тега (ширина таблицы)

Как я могу заставить этот код CSS работать?Свойство CSS (ширина тела) = Атрибут HTML-тега (ширина таблицы)

body { 
width: $table.width(); 
}

Я не могу найти простой/простой способ сделать это.

Причина в том, что у меня есть таблица, и ширина этой таблицы огромна, но я не хочу вручную вводить xxxxx px, я хочу, чтобы она автоматически меняла ширину тела на ту же самую, что и на эту таблицу. Если я не изменю ширину, заголовки таблицы получат больше строк/высоты, чтобы уменьшить столбцы/ширину, чтобы заголовки, которые я постоянно добавляю, вставляются в тело.

Я знаю о других препроцессорах CSS, но мне очень хотелось бы знать, как это сделать «CSS», не более того, не меньше.

P.S .: В настоящее время я использую http://codepen.io/pen.

EDIT: Сказано, что я не нашел решение самостоятельно. Больше не нужно сообщений (в основном вопросов), если только с фактическим решением, поскольку я не думаю, что он будет опубликован, но, пока он не отправлен, любой может опубликовать его (я просто не отвечу, но проверю).

источник

2016-05-20 Mr. Guy

ли таблица только элемент внутри тела ?? –

Да, у него много заголовков и ячеек, но да. –

Дайте мне знать, если мой ответ вам поможет –

-1

Вам нужно будет использовать JavaScript, чтобы извлечь из текущей ширины таблицы

var width = document.getElementById('table').style.offsethwidth;

затем вызывая функцию с помощью AJAX, а затем в том числе стоимость в стиле. Тем не менее, вам нужно будет использовать <table width="$width"</table>

Для того, чтобы извлечь ширину, вам нужно будет использовать GET для вызова переменной. Таким образом, то, что вы хотите сделать, технически невозможно, это единственный способ увидеть, как это делается.

источник

2016-05-20 00:31:35 Ponilz

:-) - но я бы повернул его: 'table {width: 100%; } ' – Johannes

То, что я ищу, не так. Пожалуйста, прочитайте еще раз ... –

@ Mr.Guy Таблица является дочерним элементом тела.Невозможно делать то, о чем вы просите. – Johannes

Я лично разместил бы таблицу внутри div.

Таким образом, вы можете установить ширину div для ширины страницы или любого заданного количества пикселей/процентов от ширины страницы, а затем установить ширину таблицы на 100%. Предполагается, что оператор представления вашего представления установлен на ширину устройства.

HTML:

<div class = 'container'> 
    <table class = 'tab'> 
</div>

CSS:

.container{ 
    width = 1200px 
} 

.tab{ 
    width = 100% 
}

источник

2016-05-20 02:19:51 rhysvo

Я хочу, чтобы автоматически менять ширину тела такой же, как таблицы

Вот мой раствор, чистый CSS

body { 
 
    width: auto; 
 
    height: auto; 
 
    border: 2px solid red; 
 
    display: inline-block; 
 
} 
 

 
table { 
 
    width: 100px; 
 
    height: 100px; 
 
}

<body> 
 
    <table> 
 

 
    </table> 
 
</body>

источник

2016-05-20 10:59:17

Свойство CSS (ширина тела) = Атрибут HTML-тега (ширина таблицы)

ответ

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