小编Shu*_*dra的帖子

为什么锚标记不包含其包含元素的高度和宽度

这是我的JsFiddle

当我使用Chrome开发人员工具检查锚标签的大小时,它会显示144px*18px第一个元素和310px*18px第二个元素.

我想知道它为什么不采用包含元素的高度和宽度以及如何计算它.

.gallery {
    background-color: #abcdef;
}
.gallery img {
    display: inline-block;
    margin-left: 20px;
    margin-top: 20px;
}
.normal {
    height: 160px;
    width: 110px;
    border: 5px solid black;
}
.wide {
    height: 160px;
    width: 280px;
    border: 5px solid black;
}
Run Code Online (Sandbox Code Playgroud)
<div class="gallery">
    <a href="#"> <img class="normal" src=""> </a>
    <a href="#"> <img class="wide" src=""> </a>
</div>
Run Code Online (Sandbox Code Playgroud)

html css html5 css3

49
推荐指数
3
解决办法
6万
查看次数

float:none和clear:none之间有什么区别吗?

我正在做一些使用浮动和清除的东西.我发现没有区别使用float: none;clear: none;有没有?任何人都可以通过一个例子来说明差异

css css-float

10
推荐指数
2
解决办法
1万
查看次数

使用twitter bootstrap 3将9列布局居中

我的代码就像

<div class="container-fluid">
    <div class="row">
        <div class="col-md-3"></div>
        <div class="col-md-3"></div>
        <div class="col-md-3"></div>
    </div>
    <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-2"></div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想将这些9列和4列居中.用bootstrap做正确的方法是什么.我尝试了第二种情况

<div class="row">
    <div class="col-md-2 col-md-offset-4"></div>
    <div class="col-md-2"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

有用.我该怎么用来居中第一排的9列.

css twitter-bootstrap twitter-bootstrap-3

5
推荐指数
1
解决办法
1万
查看次数

Android - 创建自定义 SearchView

我有一个包含 SearchView 和 ListView 的列表活动。我希望 SearchView 类似于谷歌地图 android 应用程序中存在的内容。

在此处输入图片说明

目前我在 activity_main.xml 中的 SearchView 代码是

<SearchView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:queryHint="Search restaurants"
        android:iconifiedByDefault="false"
        android:id="@+id/searchView" />
Run Code Online (Sandbox Code Playgroud)

有人可以指导我如何获得如上所述的自定义 SearchView。

android android-layout searchview

5
推荐指数
1
解决办法
5295
查看次数

Android - 在多个视图上呈现相同的视频

我有一个媒体数据源,我正在使用android播放媒体MediaPlayer.

如何MediaPlayer在同一个视图中显示多个视图的视频输出Activity,有没有其他方法可以做到这一点?

我希望媒体的视频部分能够在两个不同的视图中呈现,而无需从数据源多次读取.

现行代码:

TextureView mTextureView1;
TextureView mTextureView2;

mTextureView1.setSurfaceTextureListener(new TextureView.SurfaceTextureListener() {
        @Override
        public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) {
            mMediaPlayer = new MediaPlayer(AppActivity.this);
            try {
                mMediaPlayer.setDataSource(getApplicationContext(), Uri.parse(path));
            } catch (IOException e) {
                e.printStackTrace();
            }
            mMediaPlayer.setSurface(new Surface(surface));
            mMediaPlayer.setLooping(true);
            mMediaPlayer.prepareAsync();

            mMediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
                @Override
                public void onPrepared(MediaPlayer mp) {
                    mp.start();
                }
            });
        }
Run Code Online (Sandbox Code Playgroud)

android surfaceview textureview

5
推荐指数
1
解决办法
2247
查看次数

Android-webrtc 将相机源以外的数据直接流式传输到网络浏览器

用例 - 我正在使用 android 投影 API 来捕获我的 android 设备屏幕。输出显示在 SurfaceView 中。接下来我想使用 Webrtc 将表面视图数据投影到 Web 浏览器。

我见过很多使用设备摄像头并将其输出到网络浏览器的示例。如何将在 SurfaceView/TextureView 上播放的视频流式传输到 Web 浏览器。

webrtc apprtcdemo

5
推荐指数
0
解决办法
520
查看次数

如何阻止这种恼人的CSS行为

这是一个jsfiddle链接:http://jsfiddle.net/qrzwD/

我只是不喜欢我的第二个li在动画完成后向上移动.

有人可以帮我阻止这个.

这是我的HTML:

 <nav>
    <ul>
        <li> <a class="content-box-blue" href="#"> </a> </li>
        <li> <a class="content-box-gray" href="#"> </a> </li>
    </ul>
</nav>
Run Code Online (Sandbox Code Playgroud)

这是我的css:

* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a {
text-decoration: none;
margin: 0;
padding: 0;
}
ul, li, nav {
margin: 0;
padding: 0;
}
nav {
float: right;
width: 400px;
margin-top: 35px;
margin-right: 10px;
}
nav ul {
list-style-type: none;
float: right;
}
nav li {
float: right;
clear: right;
margin-bottom: 20px;
} …
Run Code Online (Sandbox Code Playgroud)

html css jquery html-lists css-float

4
推荐指数
1
解决办法
185
查看次数

prepend()和prependTo()之间的区别

我无法理解prepend()和prependTo()之间的区别.有人可以帮助我理解差异.

javascript jquery

4
推荐指数
2
解决办法
4999
查看次数

片段侦听器上的NullPointerException

我有一个ViewPager活动,在ViewPager适配器中我为每个位置提供Fragment.

一个示例Fragment是DebugFragment.我在下面写了源代码.

public class DebugFragment extends android.support.v4.app.Fragment {

private OnFragmentInteractionListener mListener;

public interface OnFragmentInteractionListener {
    void onFragmentInteraction(int someValue);
}

public static DebugFragment newInstance() {
    DebugFragment fragment = new DebugFragment();
    Bundle args = new Bundle();
    fragment.setArguments(args);
    return fragment;
}

private BroadcastReceiver mMessageReceiver = new BroadcastReceiver() {
    @Override
    public void onReceive(Context context, Intent intent) {
        mListener.onFragmentInteraction(0);
    }
};

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    LocalBroadcastManager.getInstance(getContext()).registerReceiver(mMessageReceiver,
            new IntentFilter("com.android.example.INITIAL_REQUEST"));
}

@Override
public void onDestroy() {
    LocalBroadcastManager.getInstance(getContext()).unregisterReceiver(mMessageReceiver);
    super.onDestroy();
}

@Override
public void onAttach(Context context) …
Run Code Online (Sandbox Code Playgroud)

android android-lifecycle android-fragments android-fragmentactivity fragment-lifecycle

4
推荐指数
1
解决办法
1341
查看次数

为什么元素未添加到页面源中

我正在尝试使用prependTo()添加元素.我的问题是什么时候查看页面的来源,我没有找到源中的元素.为什么会这样?

这是我的JsFiddle

$( document ).ready(function() {
$('<option></option>',{value:"newvalue",text:"new option"}).attr({
disabled:"disabled", selected:"selected" }).prependTo("select");
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery

3
推荐指数
1
解决办法
43
查看次数