web-dev-qa-db-ja.com

$ mdDialogの最大幅を設定するにはどうすればよいですか？

私はcssの新しい人であり、確認ダイアログの最大幅を適切に設定できません。ここにダイアログを呼び出す私のコード：

this.$mdDialog.show({
  content: longText,
  ok: 'OK',
  cancel: 'CANCEL'
  clickOutsideToClose: true,
});

問題は、私のlongTextが実行されず、ダイアログが水平方向に非常に引き伸ばされることです。ローカルでstyle.lessを追加し、次のようにmax-widthを決定しようとしました。

.md-dialog {
  max-width: 300px;
}

しかし、変更はありません。誰かが私を助けることができますか？

htmlcssangularjsangular-materialmddialog
7
user3818229

あなたが望むものを達成するために、あなたはこのように使うべきです：

.md-dialog-content {
  max-width: 300px;
}
9
developer033

あなたが試すことができます

md-dialog{
max-width: 300px;
}

md-dialogはクラスではないため、angular materialpredefine）のディレクティブです。

1
Aravind Reddy