设置跨度宽度然后清除浮动

Question

好的，所以我知道要为你设置一个浮点数的跨度设置一个绝对宽度。我的问题是，浮动只用于设置宽度，是否有一种方法可以让css在添加一堆＆＃34; float：clear之后立即清除浮动;＆＃34;元素？

我认为这样的事情应该很接近：

#we_gallery_edit_settings .item_title
{
    float: left;
    width: 200px;
}
.item_title:after
{
    content: '';
    display: block;
    clear: both;
}

但它没有用。

Answer 1

Fiddle

如果您只想设置span的宽度，则无需设置float。只需使用display: inline-block;，然后设置width。

HTML

<div id="we_gallery_edit_settings">
  <span class='item_title'>Name Span</span>
</div>

CSS

#we_gallery_edit_settings .item_title {
  display: inline-block;
  width: 200px;
}

Answer 2

尝试使用clear：both

 .clear {
    clear: both;
  }