|
|
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
Мне нужно выводить значения с подписями, причем значения должны заполнять всю доступную ширину родителя. Делаю так: Код: css 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. Код: html 1. 2. 3. 4. 5. 6. Но мне бы хотелось input размещать внутри label (чтобы не задавать атрибут for и вообще мне так больше нравится): Код: html 1. 2. 3. 4. 5. 6. 7. Можно ли для такой структуры получить такое же поведение (чтобы input заполнял всю доступную ширину, за вычетом содержимого label)? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 11:39 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 11:56 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
Да, типа такого. Но разумеется без calc(100% - 90px). calc еще куда ни шло, но 90px точно не пойдет. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 12:24 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
Alibek B. Но разумеется без calc(100% - 90px). calc еще куда ни шло, но 90px точно не пойдет. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 12:29 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
Потому что ширина может быть любой. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 12:30 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 12:31 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
Alibek B. Потому что ширина может быть любой. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 12:32 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
вадя а так Оба варианта не работают (не заполняют всю ширину static-block). вадя ширина чего? Ширина содержимого label. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 12:54 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
Alibek B., https://jsfiddle.net/L52bc46h/1/ ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 13:14 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
.static-block { width: 100%; padding: 2px 0; } .static-block label { display:flex; } .static-block input { flex-grow:1 border: 2px solid #eee; background: #f0f0f0; font-weight: bold; margin-left: 1ex; } Как то так попробуй. Должно работать. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 15:59 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
? voraa Как то так попробуй. Должно работать. Да, с flex получилось. Правда нужно еще добавить width:1px. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 16:08 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
Alibek B. Да, с flex получилось. С "display: table" еще можно, наверное, сделать. Сейчас некогда пробовать просто. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 17:11 |
|
||
|
CSS: Заполнить ширину родителя родителя с учетом родителя
|
|||
|---|---|---|---|
|
#18+
... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.02.2020, 18:49 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=39926776&tid=1443542]: |
0ms |
get settings: |
9ms |
get forum list: |
13ms |
check forum access: |
4ms |
check topic access: |
4ms |
track hit: |
57ms |
get topic data: |
10ms |
get forum data: |
2ms |
get page messages: |
44ms |
get tp. blocked users: |
1ms |
| others: | 242ms |
| total: | 386ms |

| 0 / 0 |
