angular - 角材料复选框长文本开箱即用
问题描述
我的应用程序中有一个材料设计表格。
<div fxFlex="20%" fxFlex.xs="100%" fxFlex.sm="33%">
<mat-card class="mat-elevation-z4">
<mat-card-header>
<mat-card-title>Form</mat-card-title>
</mat-card-header>
<mat-card-content>
<form action="">
<mat-checkbox class="example-margin" matInput name="customerInfo.isok">
<div class="text-wrap">
This is very long text tha bla bla bla bla bla bla blablabla blablablablablablablablablablablabla
</div>
</mat-checkbox>
<mat-form-field appearance="outline">
<mat-label>Info</mat-label>
<textarea matInput name="customerInfo.info" [(ngModel)]="customerInfo.info"></textarea>
</mat-form-field>
</form>
</mat-card-content>
</mat-card>
</div>
但是我的复选框文本很长。所以它开箱即用。
我该如何包装它?
解决方案
.text-wrap {
white-space: normal;
}
推荐阅读
- arrays - 当 i 为外循环且内循环以 j=i+1 开始时双循环的时间复杂度
- tsql - 确定值大于 0 的列数
- npm - 在 Google Cloud Builder 步骤中运行 webpack
- python - sed invoked with subprocess.check_output returns \x01\n
- c++ - 如何允许用户在对象和类中输入?
- xcode - Xcode 10 在为 C++ 插入包含名称时破坏了自动完成功能,有什么解决方法吗?
- c++ - 将 std::function 与模板一起使用
- html - iPhone 上的 HTML5 视频元素有边框
- php - 挑选嵌套 json 中的单个值
- c++ - C++ 未定义命名空间