html - 如何给div添加边距

标签 html css

<分区>

<div style="width: 500px;height:60px;margin: auto;">
       <div style="width: 300px;height:60px;background: red;float:left;"></div>
       <div style="width: 200px;height:60px;background: blue;float:right;">Some great text here</div>

</div>

如何通过 CSS 代码在文本中添加 20 像素的边距?我试过了

   padding-left: 20px;

但这会使第二个区 block 下降。

P.S. span 标签不是一个选项,我不想为文本创建另一个类。

最佳答案

box-sizing: border-box; 添加到两个元素或父元素,您甚至可以将其添加到您的 body

box-sizing 定义如何计算元素的大小。 border-box 表示内容宽度、边框宽度和边距/填充宽度之和等于定义的宽度。 使用 content-box 意味着 width 仅定义内容宽度。

关于html - 如何给div添加边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58842003/

上一篇:javascript - 创建带有按钮的多级汉堡菜单,可扩展汉堡级别

下一篇:html - 如果使用 Javascript 输入和选择框为空,如何检查页面加载

相关文章:

javascript - CSS Marquee Slider 补偿外宽减去内宽

html - 如果 <tr> 中的 <td> 为空,则填充空白区域

html - 拖放站点选项卡

css - 这种在 div 中垂直定位文本的方法怎么样?

html - 自定义复选框未与文本对齐

html - 使容器内的正确 div 响应

javascript - 如何在 window.open() 中应用窗口的 css

javascript - 如何用HTML标签包裹一个跨界的DOM选择范围?

html - Bootstrap 下拉列表错误地突出显示

javascript - jquery 中的 slider 同时显示 4 张幻灯片