Выровняйте текст заголовка карточки материала по правому краю
Я пытаюсь выровнять заголовок карты по правому краю, но CSS не работает .. почему?
<mat-card [ngStyle] = "{ 'margin':'5px','height':'130px'}">
<mat-card-header>
<mat-card-title [ngStyle] = "{ 'text-align':'right' }">BLABLA</mat-card-title>
</mat-card-header>
</mat-card>
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
0
4 615
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Вы можете использовать это
<mat-card style = "height:100px;width:300px;display:flex;justify-content:center;align-items:center;">
<mat-card-content><span>Contents</span></mat-card-content>
</mat-card>
ваш актуальный вопрос в центре
—
18.12.2018 18:39
Ответ принят как подходящий
вы можете сделать что-то вроде этого:
<mat-card>
<mat-card-header>
<mat-card-title class = "title-card-left">Test left</mat-card-title>
<mat-card-title class = "title-card-right">Test right</mat-card-title>
</mat-card-header>
<mat-card-content></mat-card-content>
</mat-card>
Затем определите несколько стилей для этих классов в вашем css / scss:
.title-card-right{
display: inline;
float: right;
}
.title-card-left{
display: inline;
}
а затем внутри вашего styles.css
.mat-card-header-text{
width: 100% !important;
}
Другие вопросы по теме
Вызов конечной точки, которую я не знаю, пока пользователь не подключится
Угловой материал изо всех сил пытается настроить ширину элементов диалога
Как создать виджет multi html в angular 6 одним нажатием кнопки
Размещение моего Angular SPA с помощью автономной службы ServiceStack
Как сгенерировать глобальное событие нажатия клавиши DOM в Angular 5?
Угловой 6 защитный кожух / может Активировать только основной маршрут, а не вторичный выход
Как отрендерить Angular routerLink внутри ячейки ag-Grid?
Разверните приложение angular 7, mongo, express, node на собственном сервере
Как установить угловой 5?
Нет провайдера для InjectionToken angularfire2.app.options
Похожие вопросы
Использование jquery для приостановки анимации css не работает
Как сделать отступ иконки
Переход CSS на боковой панели не применяется
Угловой материал изо всех сил пытается настроить ширину элементов диалога
Исправлена проблема с использованием WordPress
Использование классов с родительской страницы в автономном компоненте Vue
HTM / CSS мешает работе D3.js
Css - нарисуйте 2 квадрата рядом, каждый с кругом в центре
Строка меню - ссылки разной ширины для заполнения плавной ширины строки меню
Отладка тумблера css?
в этом случае вам нужно изменить