相关疑难解决方法(0)

我希望能够滚动整个页面,但不显示滚动条.

在谷歌浏览器中它是:

::-webkit-scrollbar {
    display: none;
}

但是Mozilla Firefox和Internet Explorer似乎并没有那样工作.

我也在CSS中尝试过这个:

overflow: hidden;

这确实隐藏了滚动条,但我不能滚动了.

有什么办法可以删除滚动条,同时还能滚动整个页面吗？请使用CSS或HTML.

我正在使用Wordpress 3.9.1并且我编写了一个可以使用的自定义短代码,但是我想稍微调整一下当我使用我的短代码时,这是管理页面中的渲染:[toggles title ="zaez" ] aezaezae [/切换]

我可以编辑,添加文本或链接到文本"aezaezae".我想保持这种行为,但让它看起来更好.

所以我使用了wordpress(gallery的代码)中的一些代码并做到了:

[toggles title="zaez"]aezaezae[/toggles]

}(jQuery的));

这是被调用的模板

(function($) {

    var views = {},
        instances = {},
        media = wp.media,
        viewOptions = ['encodedText'];

    // Create the `wp.mce` object if necessary.
    wp.mce = wp.mce || {};

    wp.mce.toggles = {
        shortcode: 'toggles',
        toView: function(content) {
            var match = wp.shortcode.next(this.shortcode, content);

            if (!match) {
                return;
            }

            return {
                index: match.index,
                content: match.content,
                options: {
                    shortcode: match.shortcode
                }
            };
        },
        View: wp.mce.View.extend({
            className: 'editor-toggles',
            template: media.template('editor-toggles'),

            // The fallback …

我有一个简单div的contentEditable true属性，我也应用了ellipsis CSS。

contentEditable的行为在内容较少且未被截断时很好。

但是当您编写额外的内容并且内容开始被截断时，它会在右侧显示额外的空白。

div {
  border-bottom: 2px solid #ccc;  
  outline: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 5px;
  width: 350px;
}

<div contentEditable="true"></div>