文章/答案/技术大牛

发布

社区首页 >问答首页 >文本换行，css

问文本换行，css
EN

Stack Overflow用户

提问于 2020-06-25 22:25:39

回答 2查看 73关注 0票数 1

文本换行问题。元素".usser a“没有换行，或者如果我在".usser”中使用overflow，这个元素会与div重叠，并且我看不到按钮。

Wraping doesn't work overflow in div

.usser button {
  background-color: transparent;
  width: 20px;
  height: 20px;
}

.usser {
  margin-left: 5px;
  margin-bottom: 5px;
  height: 25px;
  border-bottom: 1px solid red;
  margin-top: 25px;
}

.usser a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.usser div {
  float: right;
}

<div class="employee" id="employee">
  <div id="list">
    <p id="1" class="usser">
      <a>xxx</a>
      <div>
        <button></button>
        <button></button>
      </div>
    </p>

html

css

回答 2

Stack Overflow用户

发布于 2020-06-25 22:58:44

只需使用div标签而不是p段落。

.usser button {
  background-color: transparent;
  width: 20px;
  height: 20px;
}

.usser {
  margin-left: 5px;
  margin-bottom: 5px;
  height: 25px;
  border-bottom: 1px solid red;
  margin-top: 25px;
}
.usser a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.usser div {
  float: right;
}

<div class="employee" id="employee">
  <div id="list">
    <div id="1" class="usser">
      <a>xxx</a>
      <div>
        <button></button>
        <button></button>
      </div>
    </div>

票数 0

Stack Overflow用户

发布于 2020-06-25 23:26:48

好的，试一下，只需在css中添加class到div标签，边段testuv& call

.usser button {
  background-color: transparent;
  width: 20px;
  height: 20px;
}

.usser {
  margin-left: 5px;
  margin-bottom: 5px;
  height: 25px;
  border-bottom: 1px solid red;
  margin-top: 25px;
}

.usser a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.testuvs {
  float: right;margin-top:-30px
}

<div class="employee" id="employee">
  <div id="list">
    <p id="1" class="usser">
      <a>xxx</a>
      <div class="testuvs">
        <button> </button>
        <button> </button>
      </div>
    </p>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62577663

复制

相似问题

问文本换行，css
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问文本换行，cssEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问文本换行，css
EN