我如何移动带有文本的边框或靠近它我需要向左移动 30px

Question

我需要移动文字的边框。填充仅移动文本而不移动边框

 {{#each spacing}}
  <span class='p-2'>
  {{business}} ({{Count}})
  </span>
 {{/each}}

 .p-2{
  border: 1px solid #D8DADA;
  margin: 0 12px 0 0;
  padding: 10px 0 8px 30px !important;  
  }

Answer 1

您好，如果您想移动带有文本的边框，那么您可以使用边距属性。 CSS 边距属性用于在任何定义的边界之外的元素周围创建 space。

您可以使用内边距使 space 位于任何已定义的边框内，而外边距则用于外边框。

Answer 2

如果我没理解错的话，您是在尝试移动整个按钮元素，而不仅仅是它们的内容。我假设您想将它们移到右边。

为此，将按钮的内容包裹在 div 中，并指定 div margin-left:30px。

CSS

     .button-container {
         margin-left:30px;
     }

     .p-2{
          border: 1px solid #D8DADA;
          margin: 0 12px 0 0;
          padding: 15px 0 8px 15px !important;  
      }

HTML

    <div class='button-container'>
        <button class='p-2'></button>
        <!-- and so on.. --->
    </div>

我如何移动带有文本的边框或靠近它我需要向左移动 30px

How can i move the border with the text or close to it i need the left to move in 30px

css

handlebars.js