Поскольку vertical-align
установлен по умолчанию исходной .
Используйте это вместо:
.small{
display: inline-block;
width: 40%;
height: 30%;
border: 1px black solid;
background: aliceblue;
vertical-align:top;
}
http: // jsfiddle.net/Lighty_46/RHM5L/9/
Или, как @ f00644 , вы можете применить float
к дочерним элементам.
Стили в Gutenberg могут быть добавлены так же, как и классический редактор, с помощью которого вы можете добавлять таблицы стилей, а затем настраивать таргетинг на элемент и манипулировать стилями.
add_theme_support('editor-styles');
add_editor_style( 'css/custom-editor-style.css' );
Если вы хотите изменить функциональность или основной блок, то рекомендуется вместо этого создать новый блок манипулировать основными блоками, потому что это может создать макет или функциональные проблемы с другими плагинами.
Новые блоки могут быть созданы с помощью этого руководства Написание вашего первого типа блока .
Таблицу стилей ваших блоков можно добавить с помощью этого руководства. Применение стилей из таблицы стилей
Также можно использовать эти действия: [1116 ]
enqueue_block_editor_assets
- для постановки в очередь данных только на бэкэнд, то есть редактор Гутенберга. enqueue_block_assets
- для постановки в очередь данных на интерфейсе + бэкэнд