从断线中停止文字

时间:2016-08-01 20:12:44

标签: html css

您好我的网站有问题。出于某种原因,我的文字是破线。

例如,我有Hip Hop这个词,但它显示为

Hip Hop

这是html

 <div class="medium-2 column first-post-category">
 <h1 class="category-first"><?php $cat = get_the_category(); $cat = $cat[0]; echo '<a href="' . get_bloginfo('url') . '/category/' . $cat->category_nicename . '">'; echo $cat->cat_name; echo  '</a>'; ?></h1>
 </div>

这是css

.first-post-category{
position:absolute;
top:6%;
left:1%;
}

.category-first{
background:#0076c1;
font-family:'Khula', sans-serif;
font-size:30px;
color:#fff;
padding:6px;
}

这是一个照片示例。

Photo One

1 个答案:

答案 0 :(得分:0)

使用您当前的代码可以很好地呈现,但只要您希望将文本分成另一行,请使用white-space: nowrap

  

<强> NOWRAP

     

与正常情况一样折叠空格,但会抑制文本中的换行符(文本换行)。

&#13;
&#13;
pub struct ArcIter<T> {
    data: Arc<Vec<T>>,
    pos: Cell<usize>,
}

impl<'a, T: 'a> OwningIterator<'a> for ArcIter<T> {
    type Item = &'a T;

    fn next(&'a self) -> Option<Self::Item> {
        if self.pos.get() < self.data.len() {
            self.pos.set(self.pos.get() + 1);
            return Some(&self.data[self.pos.get() - 1]);
        }  
        None
    }
}
&#13;
.first-post-category {
  position: absolute;
  top: 6%;
  left: 1%;
}
.category-first {
  background: #0076c1;
  font-family: 'Khula', sans-serif;
  font-size: 30px;
  color: #fff;
  padding: 6px;
  white-space: nowrap
}
&#13;
&#13;
&#13;