开发者社区> 问答> 正文

css的border属性可以做到根据内部文字自适应么?

<div class="outer">
    <span class="layout-left">多行文字,测试多行文字的边框。多行文字,测试多行文字的边框。多行文字,测试多行文字的边框,测试多行文字的边框。</span>
    <span class="layout-right">测试</span>
    <span class="layout-right">测试</span>
    <span class="layout-right">测试</span>
    <span class="layout-right">测试</span>
</div>
.outer{width:200px;padding:10px;border:1px dashed #aaa;}
.outer span{border:1px solid #999;}
.outer .layout-right{float:right;white-space:nowrap;}

当前效果
screenshot

展开
收起
a123456678 2016-05-27 15:19:03 2580 0
1 条回答
写回答
取消 提交回答
  • 你的虚线不是已经把他们包起来了吗?
    可以设置.outer .layout-left{display: inline-block;}

    2019-07-17 19:18:00
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载