HTML – 如何切断左侧的溢出

概述我可以切断右侧溢出的内容,如下所示： HTML <div>Hello World!</div> CSS div{width:50px; background: red; overflow: hidden; white-space: nowrap;} 结果 如何在左侧切断它？ 只需按方向从右向左改变文本的方向：rtl; div { width:50px; background: red; 我可以切断右侧溢出的内容,如下所示：

HTML

<div>Hello World!</div>

CSS

div{wIDth:50px; background: red; overflow: hIDden; white-space: nowrap;}

结果

如何在左侧切断它？

解决方法 只需按方向从右向左改变文本的方向：rtl;

div {  wIDth:50px;  background: red;  overflow: hIDden;  white-space: nowrap;  direction: rtl;}

WORKING DEMO.

我应该注意通过改变方向,Hello World的感叹号！将左侧作为！Hello world.

为了解决这个问题,您可以按<bdi>元素包装文本,如下所示：

<div>   <bdi>Hello World!</bdi></div>

UPDATED DEMO.

或者在< span>上使用unicode-bidi: isolate.元素(适用于supported Web浏览器)

总结

以上是内存溢出为你收集整理的HTML – 如何切断左侧的溢出全部内容，希望文章能够帮你解决HTML – 如何切断左侧的溢出所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。