Lines Matching refs:width
9 ## width section
11 width(value: Length)
31 > - 在[TextInput](./ts-basic-components-textinput.md)组件中，width设置auto表示自适应文本宽度。
33 > - 在[AlphabetIndexer](./ts-container-alphabet-indexer.md)组件中，width设置auto表示自适应宽度最大索引项的宽度。
57 …er-column.md)、[RelativeContainer](./ts-container-relativecontainer.md)组件中，width、height设置auto表示自适应子…
97 …边距。<br/>参数为Length类型时，四个方向内边距同时生效。<br/>默认值：0 <br/>单位：vp<br/>padding设置百分比时，上下左右内边距均以父容器的width作为基础值。 |
117 …Length类型时，四个方向外边距同时生效。<br/>默认值：0 <br/>单位：vp<br/>margin设置百分比时，上下左右外边距均以父容器的width作为基础值。在[Row](./ts-c…
173 …) | 是 | 设置约束尺寸。constraintSize的优先级高于Width和Height。取值结果参考constraintSize取值对width/height影响。<br/>默认值：…
175 **constraintSize(minWidth/maxWidth/minHeight/maxHeight)取值对width/height影响**
179 | \ | width=MAX(minWidth,MIN(maxWidth,width))<br/>height=MAX(minHeight,MIN(maxHeight,height)) |
180 | maxWidth、maxHeight | width=MAX(minWidth,width)<br/>height=MAX(minHeight,height) |
181 | minWidth、minHeight | width=MIN(maxWidth,width)<br/>height=MIN(maxHeight,height) |
182 | width、height | 若minWidth<maxWidth，组件自身布局逻辑生效，width取值范围为[minWidth,maxWidth]；否则，width=MAX(minWidth,…
183 | width与maxWidth、height与maxHeight | width=minWidth<br/>height=minHeight |
184 | width与minWidth、height与minHeight | 组件自身布局逻辑生效，width取值约束为不大于maxWidth。<br/>组件自身布局逻辑生效，height取值约束为不大于…
185 | minWidth与maxWidth、minHeight与maxHeight | width以所设值为基础，根据其他布局属性发生可能的拉伸或者压缩。<br/>height以所设值为基础，根据其他布…
186 | width与minWidth与maxWidth | 使用父容器传递的布局限制进行布局。 |
197 | width | [Length](ts-types.md#length) | 否 | 设置组件宽度。 |
215 …ontainer-relativecontainer.md)组件中，width、height设置auto表示自适应子组件。在[TextInput](./ts-basic-components-te…
230 Text('margin and padding:').fontSize(12).fontColor(0xCCCCCC).width('90%')
234 Row().size({ width: '100%', height: '100%' }).backgroundColor(Color.Yellow)
236 .width(80)
243 Text('constraintSize').fontSize(12).fontColor(0xCCCCCC).width('90%')
245 .width('90%')
248 Text('layoutWeight').fontSize(12).fontColor(0xCCCCCC).width('90%')
253 .size({ width: '30%', height: 110 }).backgroundColor(0xFFEFD5).textAlign(TextAlign.Center)
257 .size({ width: '30%', height: 110 }).backgroundColor(0xF5DEB3).textAlign(TextAlign.Center)
261 .size({ width: '30%', height: 110 }).backgroundColor(0xD2B48C).textAlign(TextAlign.Center)
262 }.size({ width: '90%', height: 140 }).backgroundColor(0xAFEEEE)
264 Text('calc:').fontSize(12).fontColor(0xCCCCCC).width('90%')
271 // width和height设置百分比时，以父容器的width和height作为基础值。
272 .size({ width: 'calc(90%)', height: 'calc(50vp + 10%)' })
273 }.width('100%').margin({ top: 5 })
293 Text('margin and padding:').fontSize(12).fontColor(0xCCCCCC).width('90%')
297 Row().size({ width: '100%', height: '100%' }).backgroundColor(Color.Yellow)
299 .width(80)
315 }.width('100%').margin({ top: 5 })
343 .width("100%")
347 .width(200)
355 .width('100%')