在再培训局中插入空间
在再培训局中插入空间
提问于 2015-07-15 16:04:11
这只是一个简单的问题。我想在引导按钮和文本之间插入一个空格。
<%- @cv.each do |p| -%>
<%- if !p.personal.nil? %>
<div id="cv_<%= p.id %>">
<h2><%= p.nom %>
**** SPACE HERE ****
<%= link_to 'edit', cvsindex2_path(p), :class => 'btn btn-primary btn-sm' %>
<%= link_to 'delete', p, remote: true, :data => {:confirm => 'Are you sure?'}, :method => :delete, :class => 'btn btn-primary btn-sm' %></br>
</h2>
</div>
<%- end %>
<%- end -%>我为h2提供的CSS是：
h2 {
text-align: center;
}我已经尝试过将<%= " " %>或<%= "#{p.nom} " %>放在一起，但这并不是我所能做到的。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-07-15 16:24:46
您不应该使用html作为间隔，请使用css：
<h2>
<span><%= p.nom %></span>
<%= link_to 'edit', cvsindex2_path(p), :class => 'btn btn-primary btn-sm' %>
<%= link_to 'delete', p, remote: true, :data => {:confirm => 'Are you sure?'}, :method => :delete, :class => 'btn btn-primary btn-sm' %></br>
</h2>
h2 {
text-align: center;
span {
margin-right: 1.5em;
}
}Stack Overflow用户
发布于 2019-09-09 18:30:20
在您想要分离的两个元素之间放置一个 (表示不中断的SPace)。
是的，通常应该在CSS中添加定位。但这是一个单一的，标准大小的文本空间" "。这是内容，不是演示。当浏览器已经知道如何以一致的方式呈现单个空格字符时，就没有理由破解一个CSS解决方案，如果浏览器已经知道如何以一致的方式呈现单个空格字符，那么这个解决方案就不可能正确地扩展到不同的屏幕上。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31435537
复制相关文章
相似问题
腾讯云开发者
