Question

我的CSS遇到了这个问题，我试图以这种普通方式编写CSS代码，但我希望它是垂直的

.topic_row {
height:60px;
}table
.reputation {
right:0px;
position:absolute;

.topic_row {
height:60px;
}table
.reputation {
right:0px;
position:absolute;

.rep_bar {
background:#FFF;
font-size:1.1em !important;
-moz-border-radius-topleft:5px;border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
padding:0px;
right:10px;
bottom:45px;
position:absolute;
width:150px

.rep_bar
ul {
margin-top:8px;
float:left

.rep_bar ul
li {
float:left;
margin:0
2px

p.rep_highlight {
float:left;
display:inline-block;
margin:5px
10px 10px 10px;
background:#D5DEE5;
color:#1d3652;
padding:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-border-radius:5px;
font-size:0.8em;
font-weight:bold;
text-align:center

p.rep_highlight
img{
margin-bottom:4px

.reputation{
float:none;
text-align:center;
/*margin-left:10px;*/
margin-right:10px

.reputation.negative, .members
li.negative{
background:#b82929;
color:#fff

.reputation.zero{
background:#CCC;
color:#6e6e6e

但是我希望它是垂直的，因为出于某种原因，我的论坛样式仅接受垂直，因此我需要所有以直线形式格式化的代码，如下所示：

.pun .fakeform{PADDING:20px 20px 15px 20px}

而且我不知道如何格式化它，所以如果有人有时间，并且努力将上面的所有代码格式化为垂直直线，我会推荐它！

谢谢。

Answer 1

带有--fix选项的stylelint之类的东西应该可以解决您的问题。有关所有stylelint规则的文档，请参见https://stylelint.io/user-guide/rules。

在这里，以下样式规则最相关：

将CSS规则格式化为一行

1 个答案: