تحيات!
إذا كان لدي هذا
footer { padding: 1%; }
ثم بعد Shift + Alt + FI الحصول على
footer {
padding: 1%;
}
هل هناك خيار لمتابعة "قاعدة سطر واحد" كما هي؟
حاول
"beautify.options": {"brace_style": "collapse,preserve-inline"}
لكن لا حظ
{
"window.zoomLevel": -1,
"workbench.sideBar.location": "right",
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000,
"editor.cursorStyle": "underline",
"liveServer.settings.donotShowInfoMsg": true,
"liveServer.settings.donotVerifyTags": false,
"html.format.contentUnformatted": "pre,code,textarea,li",
}
هذا مرتبط بـ # 1124 ، ولكنه منفصل لأنه يطلب فقط الحفاظ على قواعد سطر واحد.
لا يوجد أي منهما في هذا الوقت.
شكرا لك على الرد bitwiseman ! :)
ربما يجب أن يكون خيارًا مثل max_preserve_single_line_properties
مكونًا بأقصى عدد من الخصائص للاحتفاظ بها في سطر واحد.
منسق:
.fill {
flex: 1 1 auto;
}
.item-name input {
font-size: 1.5em;
}
.avatar {
border-radius: 50%;
margin-right: 10px
}
.avatar-32 {
width: 32px;
height: 32px
}
.avatar-64 {
width: 64px;
height: 64px
}
.avatar-100 {
width: 100px;
height: 100px
}
.avatar-128 {
width: 128px;
height: 128px
}
.details {
padding: 2em;
}
.form-actions {
direction: rtl;
}
نتيجة مرغوبة:
.fill { flex: 1 1 auto; }
.item-name input { font-size: 1.5em; }
.avatar { border-radius: 50%; margin-right: 10px }
.avatar-32 { width: 32px; height: 32px }
.avatar-64 { width: 64px; height: 64px }
.avatar-100 { width: 100px; height: 100px }
.avatar-128 { width: 128px; height: 128px }
.details { padding: 2em; }
.form-actions { direction: rtl; }
سيتطلب هذا على الأقل ترميز css لجعله يعمل (# 545). بمجرد أن نحصل على ذلك ، سيتم تنفيذ ذلك بنفس الطريقة في جانب جافا سكريبت.
التعليق الأكثر فائدة
ربما يجب أن يكون خيارًا مثل
max_preserve_single_line_properties
مكونًا بأقصى عدد من الخصائص للاحتفاظ بها في سطر واحد.منسق:
نتيجة مرغوبة: