Верстка под печать — это тоже самое что табличная верстка?

Question

[sciencefront]

тоесть нельзя использовать без проблем display : flex

или задать блоку

margin-left: auto;
    width: max-content;

или задавать итемам min-width: 300px?

Comments

[Владислав Лысков]

Ну открывай ctrl+p и проверяй, кароч можно

[Ankhena]

тоесть нельзя использовать без проблем display : flex

Любой современный сайт отправьте на печать.
Там наверняка что-то уедет, потому что большинство не оптимизированы под печать, но будет очевидно, что и флексы и гриды работают. А margin тем более.

[sciencefront]

Ankhena, нажимаю ctrl+p - предпросмотр получаю . На вид все ок
При печати получаю совершенно иное

[sciencefront]

Ankhena, нажимаю ctrl+p - предпросмотр получаю . На вид все ок
При печати получаю совершенно иное

[sciencefront]

Ankhena, тоесть при предпросмотре оно нормальное ( ctrl+p)
но при печате в ряд не становится

и margin-left: autoне отрабатывает
мучаюсь, не понимаю в чем проблема

https://codepen.io/Olya097/pen/qBoovWM

[Ankhena]

sciencefront, имеет смысл заглянуть в скомпилированный css.

Ещё у меня есть смутные воспоминания, что для принтера сантиметры тоже не будут сантиметрами, как и в браузере.
Но мне уже давно не нужен принтер, а pdf подтверждает эти воспоминания. Проверяйте самостоятельно.

[sciencefront]

Ankhena, всмысле не будут сантиметрами?
пиксели ж тут не подходят
использую сантиметры

[sciencefront]

Ankhena, конвертирую в pdf - всё стает как нужно
а если сразу печатаю index.html - то нет

[Ankhena]

sciencefront,

всмысле не будут сантиметрами?

В прямом. В css 1cm равен 38px, а вовсе не 1 сантиметру.

конвертирую в pdf - всё стает как нужно

Еще раз: проверьте скомпилированный css. Если он компилируется также как в песочнице, то нет ничего удивительного в странном результате. Если в нем нет ошибок, то следующим вопросом будет на скольки компах и скольки принтерах были проверки.

[sciencefront]

Ankhena, на одном пк
один принтер

min-width: 8cm

и для итемов

display: flex
для враппера не отрабатывает
_________________________________________________________________________________________
как и для одного блока

margin-left: auto;
    width: max-content;

[Ankhena]

sciencefront, интересно, почему вы упорно игнорируете ошибки в css.

Если принтер печатает не то, что превью, то я бы начала с драйверов или с проверки на другой паре комп-принтер.

[sciencefront]

Ankhena, вроде на другом принтере все хорошо

интересно, почему вы упорно игнорируете ошибки в css.

Вы о чем? всё вроде валидно
min-width: 8cmтут было исправлено

[Ankhena]

sciencefront,

[Ankhena]

sciencefront,

вроде на другом принтере все хорошо

Вот и разобрались

Answer 1

[Глюкъ Виртуален]

Верска под печать использует медиазапрос с "media = print"
Определи в css секцию

@media print {
....
}

и пропиши там все что нужно.